/*=========================================== VARIABLES COULEURS ET AUTRES ===========================================*/
:root {
  --Base-black: #000000;
  --Base-White: #FFF;
  --Gray-100: #F2F4F7;
  --Gray-200: #EAECF0;
  --Gray-25: #FCFCFD;
  --Gray-300: #D0D5DD;
  --Gray-400: #98A2B3;
  --Gray-600: #475467;
  --gray-800: #16191E;
  --Gray-800: #202939;
  --gray-900: #0F1217;
  /*  --Gray-900, #121926); pas utilisé ou alors erreur */
  --Blue-900: #194185;
  --Colors-01: #106BF2;
  --Gradient-Gay: linear-gradient(to right, #D97427, #F69101, #DFD902, #14AA5F, #2D56C5, #4C2E7B);
  --Gradient-white-grey: linear-gradient(90deg, #FFF 7.9%, #C7C7C7 67.48%);
}

/*=========================================== BACKGROUND & COLORS ===========================================*/
.color_Gray-100 {
  color: var(--Gray-100);
}

.color_Gray-400 {
  color: var(--Gray-400);
}

/*=========================================== FONTS ===========================================*/
:root {
  color: var(--Base-White,#FFF);
  background-color: var(--Base-black,#000000);

  /* Text sm/Medium */
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.text_xs_regular {
  /* Text xs/Semibold */
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.096px;
}

.text_xs_medium {
  /* Text xs/Medium */
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.text_xs_semibold {
  /* Text xs/Semibold */
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 150% */
}


.text_sm_medium {
  /* Text sm/Medium */
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}


.text_sm_semibold {
  /* Text sm/Semibold */
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  /* plutot que 20px, car cela colle mieux */
}

.text_md_regular {
  /* Text md/Regular */
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.text_md_medium {
  /* Text md/Medium */
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.text_md_semibold {
  /* Text md/Semibold */
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.text_lg_semibold {
  /* Text lg/Semibold */
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 155.556% */
  letter-spacing: 0.144px;
}

.display_sm_semibold {
  /* Display md/Semibold */
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  /* 126.667% */
}

.display_md_semibold {
  /* Display md/Semibold */
  font-family: 'Poppins', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  /* 122.222% */
  letter-spacing: -0.72px;
}

.display_xl_semibold {
  /* Display xl/Semibold */
  font-family: 'Poppins', sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 72px;
  /* 120% */
  letter-spacing: -1.2px;
}



h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 53px;
  /* 106% */
  letter-spacing: 0.4px;
}

.h1_23_normal {
  font-family: 'Poppins', sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.184px;
  text-transform: capitalize;
}

h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 42px;
  /* 131.25% */
  letter-spacing: 0.256px;
}

.h2_23_normal {
  font-family: 'Poppins', sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.184px;
  text-transform: capitalize;
}




h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  /* 133.333% */
  letter-spacing: 0.192px;
}

h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}




@media only screen and (max-width: 992px) {
  h1 {
    font-size: 32px;
    line-height: 33px;
    /* 103.125% */
    letter-spacing: 0.256px;
  }

  .h1_23_normal {
    font-size: 18px;
    letter-spacing: 0.144px;
  }

  h2 {
    font-size: 24px;
    line-height: 32px;
    /* 133.333% */
    letter-spacing: 0.192px;
  }

  .h2_no_mq {
    font-size: 32px;
    line-height: 42px;
    /* 131.25% */
    letter-spacing: 0.256px;
  }

}

table {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-top: 28px;
  padding-bottom: 28px;
  color: var(--Gray-400, #98a2b3);
}