@font-face {
      font-family: "Poppins";
      font-weight: 400;
      src: url("../assets/fonts/Poppins-Regular.otf") format("truetype");
  }
  
  @font-face {
      font-family: "Poppins";
      font-weight: 200;
      src: url("../assets/fonts/Poppins-Light.otf") format("truetype");
  }
  
  @font-face {
      font-family: "Poppins";
      font-weight: 500;
      src: url("../assets/fonts/Poppins-Medium.otf") format("truetype");
  }
  
  @font-face {
      font-family: "Poppins";
      font-weight: 700;
      src: url("../assets/fonts/Poppins-Bold.otf") format("truetype");
  }
  
  @font-face {
      font-family: "Poppins";
      font-weight: 900;
      src: url("../assets/fonts/Poppins-ExtraBold.otf") format("truetype");
  }
  
  @font-face {
      font-family: "Poppins";
      font-weight: 1000;
      src: url("../assets/fonts/Poppins-Black.otf") format("truetype");
  }
  
  @font-face {
      font-family: "Merriweather";
      font-weight: 700;
      src: url("../assets/fonts/Merriweather-Bold.ttf") format("truetype");
  }
  
  @font-face {
      font-family: "Merriweather";
      font-weight: 400;
      font-style: italic;
      src: url("../assets/fonts/Merriweather-Italic.ttf") format("truetype");
  }
  
  @font-face {
      font-family: "Merriweather";
      font-weight: 700;
      font-style: italic;
      src: url("../assets/fonts/Merriweather-BlackItalic.ttf") format("truetype");
  }
  
   :root {
      font-family: "Poppins";
      --primary-color: #00418D;
      --primary-color-rgb: 0, 65, 141;
      --secondary-color: #F06C5F;
      --secondary-color-rgb: 240, 108, 95;
      --tertiary-color: #042346;
      --tertiary-color-rgb: 4, 35, 70;
      --quaternary-color: #FCE8D7;
      --white-color: #ffffff;
      --dark-color: #3E3E3E;
  }
  
  html {
      box-sizing: border-box;
      scroll-behavior: smooth;
  }
  
  *,
   :after,
   :before {
      box-sizing: inherit;
  }
  
  input::placeholder {
      opacity: 1;
  }
  
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      margin: 0;
  }
  
  input[type=number] {
      -moz-appearance: textfield;
  }
  
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  
  input::-webkit-input-placeholder {
      color: var(--dark-color);
      opacity: 1;
  }
  
  * {
      margin: 0;
      padding: 0;
      border: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: "Poppins";
      font-size: 1.6rem;
      font-weight: 400;
  }
  
  body {
      text-align: center;
      color: var(--dark-color);
  }
  
  a {
      color: inherit;
      text-decoration: none;
      outline: none !important;
  }
  
  a:hover {
      color: inherit;
      text-decoration: none;
  }
  
  button:focus,
  * {
      outline: none;
  }
  
  .container {
      margin: 0 auto;
      width: 164rem;
  }
  
  .section_container {
      width: calc(100% - 69.1rem);
      float: left;
  }
  
  .sticky {
      position: -webkit-sticky;
      /* Safari */
      position: sticky;
      top: 10.5rem;
      width: 69.1rem;
      height: auto;
      float: right;
      padding-bottom: 0rem;
      z-index: 999;
      height: 100vh;
      height: 84.7rem;
  }
  
  main::before,
  main::after {
      content: '';
      display: table;
      clear: both;
  }
  
  section {
      width: calc(100% + 69.1rem);
  }
  
  .holder {
      margin: 0 auto 0 0;
      width: calc(100% - 55.2rem);
  }
  
  .w-100 {
      width: 100%;
  }
  
  .d-flex {
      display: flex;
  }
  /* Header Start */
  
  header {
      position: fixed;
      z-index: 999;
      top: 0;
      left: 0;
      width: 100%;
      height: 10.4rem;
      background-color: var(--white-color);
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  }
  
  header .container {
      display: flex;
      justify-content: start;
      align-items: center;
  }
  
  header .logo {
      width: 22rem;
      height: 10.4rem;
      display: block;
      position: relative;
  }
  
  header .logo img {
      width: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
      transition: 0.3s;
  }
  
  .logo img.resizeLogo {
      width: 10.5rem;
  }
  
  header ul {
      list-style: none;
      width: 91.7rem;
  }
  
  header ul li {
      display: inline-block;
      margin: 0 2.2rem;
      transition-duration: 0.3s;
      transition-timing-function: linear;
  }
  
  header ul li:hover {
      transform: scale(1.05);
  }
  
  header ul li,
  header ul li a {
      font-weight: 900;
      color: var(--primary-color);
      font-size: 2rem;
      line-height: 2rem;
      text-transform: uppercase;
  }
  
  header ul li:last-child {
      margin-right: 0;
  }
  /* Header End */
  /* Section1 Start */
  
  .section1 {
      margin-top: 10.4rem;
      height: calc(100vh - 10.4rem);
      background-image: url(../img/legs-memorialdelashoah-2025.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
  }
  
  .section1 .container {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding-bottom: 13.5rem;
  }
  
  .section1 h2 {
      color: var(--white-color);
      font-size: 4rem;
      line-height: 5.6rem;
      text-align: center;
      font-weight: 900;
      margin-bottom: 3.3rem;
      display: inline-block;
      text-transform: uppercase;
      padding: 0 1.5rem;
      background-color: rgba(var(--secondary-color-rgb), 0.73);
      height: 5.6rem;
  }
  
  .section1 h1 {
      color: var(--white-color);
      font-size: 5rem;
      line-height: 6rem;
      text-align: center;
      font-weight: 500;
      margin-bottom: 0;
  }
  /* Section1 End */
  
  .ancer {
      position: absolute;
      top: -10.4rem;
      left: 0;
      opacity: 0;
  }
  /* Section2 Start */
  
  .section2 {
      background-color: var(--quaternary-color);
      padding: 6.4rem 0 9.6rem 0;
      text-align: center;
      position: relative;
  }
  
  .section2 .h2 {
      color: var(--primary-color);
      margin-bottom: 1.7rem;
  }
  
  .section2 .h2 span {
      color: var(--secondary-color);
  }
  
  .section2 .h2,
  .section2 .h2 span {
      font-size: 4.5rem;
      line-height: 5.5rem;
      font-weight: 900;
      text-transform: uppercase;
  }
  
  .section2 .h3 {
      color: var(--primary-color);
      font-size: 3.5rem;
      line-height: 6rem;
      font-weight: 700;
      margin-bottom: 4.6rem;
      padding-bottom: 3.5rem;
      position: relative;
  }
  
  .section2 .h3::after {
      content: '';
      position: absolute;
      width: 7.95rem;
      height: 1rem;
      background-color: var(--primary-color);
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
  }
  
  .section2 .p {
      font-size: 2rem;
      line-height: 2.5rem;
      font-weight: 400;
      margin: 0 auto 2.5rem auto;
      width: 91rem;
  }
  
  .section2 h5,
  .section2 h5 a {
      color: var(--primary-color);
      font-size: 2.2rem;
      line-height: 2.5rem;
      font-weight: 500;
  }
  
  .section2 h5 {
      margin-bottom: 5.5rem;
  }
  
  .section2 h5 a {
      text-decoration: underline;
  }
  
  .section2 .d-flex {
      justify-content: space-between;
      position: relative;
  }
  
  .sec2_box {
      width: 31.7rem;
      text-align: left;
      position: relative;
      z-index: 1;
  }
  
  .sec2_box_container {
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
      padding: 3.6rem 4rem 3.3rem 4rem;
      background-color: #ffffff;
      z-index: 1;
      width: 100%;
      height: 100%;
      position: relative;
  }
  
  .sec2_box::before {
      content: '';
      position: absolute;
      top: 2.7rem;
      left: 2.6rem;
      width: 100%;
      height: 100%;
      background-color: var(--secondary-color);
      z-index: -1;
  }
  
  .sec2_box h2,
  .sec2_box h3 {
      color: var(--secondary-color);
  }
  
  .sec2_box h2 {
      font-size: 2.6rem;
      line-height: 3.9rem;
      font-weight: 900;
      margin-bottom: 0;
  }
  
  .sec2_box h3 {
      font-size: 2rem;
      line-height: 3rem;
      font-weight: 700;
      margin-bottom: 1.9rem;
  }
  
  .sec2_box p {
      font-size: 2rem;
      line-height: 3rem;
      font-weight: 400;
      margin-bottom: 1.9rem;
  }
  
  .sec2_box a {
      width: 20rem;
      margin: 0 auto 0 0;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid var(--secondary-color);
      text-align: center;
      font-weight: 900;
      color: var(--secondary-color);
      text-transform: uppercase;
      font-size: 2rem;
      line-height: 2rem;
      height: 5rem;
      transition-duration: 0.3s;
      transition-timing-function: linear;
  }
  
  .sec2_box a:hover {
      transform: scale(1.1);
  }
  /* Section2 End */
  /* Section3 End */
  
  .section3 {
      background-image: url(../img/legs-memorialdelashoah-pourquoi-transmettre.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      padding: 6.5rem 0 12.3rem 0;
      text-align: left;
      position: relative;
  }
  
  .section3 .h2,
  .section3 .h2 span {
      font-size: 4.5rem;
      line-height: 5.5rem;
      text-transform: uppercase;
      position: relative;
      padding-bottom: 3.5rem;
      font-weight: 900;
      margin-bottom: 9.3rem;
  }
  
  .section3 .h2 {
      color: var(--primary-color);
  }
  
  .section3 .h2 span {
      color: var(--secondary-color);
  }
  
  .section3 .h2::after {
      content: '';
      position: absolute;
      width: 7.95rem;
      height: 1rem;
      background-color: var(--primary-color);
      bottom: 0;
      left: 0;
  }
  
  .sec3_box {
      color: var(--white-color);
      text-align: left;
      width: 34.3rem;
  }
  
  .sec3_box:nth-child(1) {
      background-color: var(--dark-color);
  }
  
  .sec3_box:nth-child(2) {
      background-color: var(--primary-color);
  }
  
  .sec3_box:nth-child(3) {
      background-color: var(--secondary-color);
  }
  
  .sec3_box img {
      display: block;
      width: 100%;
  }
  
  .sec3_box_container {
      padding: 2.9rem 2.5rem 3.5rem 2.5rem;
  }
  
  .section3 .d-flex,
  .section6 .d-flex {
      justify-content: space-between;
  }
  
  .sec3_box_container h2 {
      font-size: 2.6rem;
      line-height: 3.6rem;
      font-weight: 900;
      margin-bottom: 3rem;
  }
  
  .sec3_box_container p {
      font-size: 2rem;
      line-height: 3rem;
      margin-bottom: 0;
  }
  /* Section3 End */
  /* Section4 Start */
  
  .section4 {
      padding: 5.7rem 0 10rem 0;
      background-color: var(--quaternary-color);
      text-align: left;
      position: relative;
  }
  
  .section4 h2,
  .section4 h2 span {
      text-transform: uppercase;
      font-size: 4.5rem;
      line-height: 5.5rem;
      font-weight: 900;
  }
  
  .section4 h2 {
      color: var(--primary-color);
      padding-bottom: 2.7rem;
      margin-bottom: 4.5rem;
      position: relative;
  }
  
  .section4 h2::after {
      content: '';
      position: absolute;
      width: 7.95rem;
      height: 1rem;
      background-color: var(--primary-color);
      bottom: 0;
      left: 0;
  }
  
  .section4 h2 span {
      color: var(--secondary-color);
  }
  
  .slider_box_holder {
      padding: 2.4rem;
  }
  
  .slider_box {
      width: 77.6rem;
      height: 60.2rem;
      position: relative;
      z-index: 1;
  }
  
  .slider_box_container {
      background-color: #ffffff;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
      padding: 3.3rem 0;
      text-align: center;
  }
  
  .slider_box_container .img {
      width: 14.8rem;
      display: block;
      margin: 0 auto 1.9rem auto;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      border-radius: 50%;
  }
  
  .slider_box_container p {
      width: 61.4rem;
      margin: 0 auto 0.5rem auto;
      font-size: 2rem;
      line-height: 3rem;
      text-align: left;
  }
  
  .slider_box_container p img:nth-child(1) {
      width: 4.5rem;
      display: inline-block;
      margin-right: 0.8rem;
  }
  
  .slider_box_container p img:nth-child(2) {
      width: 4.5rem;
      display: inline-block;
      margin-left: 0.8rem;
      margin-bottom: -1.1rem;
  }
  
  .slider_box_container h4 {
      width: 52.8rem;
      margin: 0 auto;
      font-size: 2rem;
      line-height: 3rem;
      font-weight: 700;
      text-align: right;
  }
  
  .slider_box_shadow {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1;
      background-color: var(--secondary-color);
      top: 2.4rem;
      left: 2.4rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
  }
  
  .slider_1 {
      width: 85.6rem;
  }
  
  .slider_1 .slick-next {
      background-image: url(../img/next.png);
      right: 15.4rem;
  }
  
  .slider_1 .slick-prev {
      background-image: url(../img/prev.png);
      left: 12.2rem;
  }
  
  .slider_1 .slick-next,
  .slider_1 .slick-prev {
      z-index: 1;
      width: 2.3rem;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      bottom: 6.5rem;
      top: initial;
      transition-duration: 0.3s;
  }
  
  .slider_1 .slick-next:hover,
  .slider_1 .slick-prev:hover {
      transform: translate(0, -50%) scale(1.15);
  }
  
  .slider_1 .slick-next::before,
  .slider_1 .slick-prev::before {
      content: '';
  }
  
  .slider_1 .slick-dots {
      bottom: 7.7rem;
  }
  
  .slider_1 .slick-dots li,
  .slider_1 .slick-dots li button {
      width: calc(1.9rem + 2px);
      height: calc(1.9rem + 2px);
      border-radius: 50%;
  }
  
  .slider_1 .slick-dots li button::before {
      content: '';
  }
  
  .slider_1 .slick-dots li {
      border: 2px solid var(--secondary-color);
  }
  
  .slider_1 .slick-dots li.slick-active {
      background-color: var(--secondary-color);
  }
  /* Section4 End */
  /* Section5 Start */
  
  .section5 {
      background-color: var(--white-color);
      padding: 7.7rem 0 5rem 0;
      text-align: left;
      position: relative;
  }
  
  .section5 .h2,
  .section5 .h2 span {
      font-size: 4.5rem;
      line-height: 5.5rem;
      text-transform: uppercase;
      position: relative;
      padding-bottom: 3.6rem;
      margin-bottom: 6.4rem;
      font-weight: 700;
  }
  
  .section5 .h2 {
      color: var(--primary-color);
  }
  
  .section5 .h2 span {
      color: var(--secondary-color);
  }
  
  .section5 .h2::after {
      content: '';
      position: absolute;
      width: 7.95rem;
      height: 1rem;
      background-color: var(--primary-color);
      bottom: 0;
      left: 0;
  }
  
  .section5 ul.slide,
  .conteneurNavSlide {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 65.5rem;
      margin-bottom: 7rem;
  }
  
  .section5 ul.slide li,
  .conteneurNavSlide li {
      cursor: pointer;
      display: block;
      width: 20rem;
      border: 0.2rem solid var(--primary-color);
      text-align: center;
      height: 5rem;
      font-size: 2rem;
      line-height: 5rem;
      text-transform: uppercase;
      font-weight: 700;
      color: var(--primary-color);
      transition-duration: 0.3s;
      position: relative;
      z-index: 1;
  }
  
  .section5 ul.slide li::before,
  .conteneurNavSlide li::before {
      content: '';
      width: 0%;
      height: 100%;
      background-color: var(--primary-color);
      z-index: -1;
      position: absolute;
      top: 0;
      left: 0;
      transition-duration: 0.3s;
  }
  
  .conteneurNavSlide li::before {
      background-color: var(--secondary-color);
  }
  
  .section5 ul.slide li:hover::before,
  .section5 ul.slide li.active::before,
  .conteneurNavSlide li:hover::before,
  .conteneurNavSlide li.active::before {
      width: 100%;
  }
  
  .section5 ul.slide li:hover,
  .section5 ul.slide li.active,
  .conteneurNavSlide li:hover,
  .conteneurNavSlide li.active {
      color: var(--white-color) !important;
  }
  
  .section5 .h3 {
      font-size: 2.5rem;
      line-height: 3.5rem;
      font-weight: 700;
      color: var(--secondary-color);
      color: var(--primary-color);
      position: relative;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .section5 .h3 img {
      width: 2.1rem;
      display: block;
  }
  
  .section5 .h3 img.img2 {
      display: none;
  }
  
  .section5 .p {
      font-size: 2rem;
      line-height: 3rem;
      margin-top: 2rem;
      margin-bottom: 1rem;
      width: 100.5rem;
      margin-right: auto;
      margin-left: 0;
  }
  
  .section5 ul {
      list-style: none;
  }
  
  .slide_box li {
      padding: 1.5rem 0;
      border-bottom: 1px solid rgba(108, 108, 108, 0.49);
  }
  
  .slide_box li:last-child {
      border-bottom: none;
  }
  
  .slide_box li.active {
      border-bottom: none;
  }
  
  .section5 li.active .h3 img.img1 {
      display: none;
  }
  
  .section5 li.active .h3 img.img2 {
      display: block;
  }
  
  .slide_box li:nth-of-type(even) .h3 img,
  .slide_box li .h3 img {
      filter: invert(16%) sepia(59%) saturate(3351%) hue-rotate(203deg) brightness(91%) contrast(99%);
  }
  
  .section5 li.active .h3 {
      color: var(--secondary-color);
  }
  
  .slide_box li.active .h3 img {
      filter: none;
  }
  /* Section5 End */
  /* Section6 Start */
  
  .section6 {
      background-color: var(--secondary-color);
      padding: 9.7rem 0 12.2rem 0;
      text-align: left;
      width: 100%;
  }
  
  .sec6_part1 h2 {
      font-size: 3rem;
      line-height: 4rem;
      text-transform: uppercase;
      margin-bottom: 2.6rem;
      font-weight: 900;
      color: var(--white-color);
  }
  
  .sec6_part1 p {
      margin-bottom: 0;
  }
  
  .sec6_part1 p,
  .sec6_part1 p b,
  .sec6_part1 p a {
      font-size: 1.8rem;
      line-height: 2.7rem;
      color: var(--white-color);
  }
  
  .sec6_part1 p a:hover {
      text-decoration: underline;
  }
  
  .sec6_part1 p b {
      font-weight: 700;
  }
  
  .sec6_part2 {
      width: 51rem;
      position: relative;
      z-index: 1;
  }
  
  .sec6_part3 {
      width: 30rem;
      background-color: var(--white-color);
      height: 17rem;
  }
  
  .sec6_part3 p {
      font-size: 1.8rem;
      line-height: 2.8rem;
      text-align: left;
      margin-bottom: 3rem;
      font-weight: 700;
      color: var(--primary-color);
  }
  
  .sec6_part3 .text_socialmedia,
  .sec6_part3 .icone_socialemedia {
      padding-left: 2rem;
      margin-top: 2.3rem;
  }
  
  .icone_socialemedia .icone {
      margin-right: 2rem;
      display: inline-block;
      width: 4rem;
      height: 4rem;
      background-color: var(--secondary-color);
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--white-color);
  }
  
  .icone_socialemedia .icone img {
      width: 100%;
      display: block;
  }
  
  .sec6_part2_container {
      position: relative;
      z-index: 1;
      background-color: var(--white-color);
      padding: 3rem 2.6rem 3.9rem 2.6rem;
      width: 100%;
      height: 20.8rem;
      display: flex;
      flex-direction: column;
  }
  
  .sec6_part2_container p {
      font-size: 1.8rem;
      line-height: 2.8rem;
      text-align: left;
      margin-bottom: 0;
  }
  
  .sec6_part2_container p b {
      font-weight: 700;
      color: var(--primary-color);
      font-size: 1.8rem;
      line-height: 2.8rem;
      margin-bottom: 0.6rem;
      display: block;
  }
  
  .sec6_part2_bg {
      width: 100%;
      height: 20.8rem;
      background-color: var(--primary-color);
      z-index: -1;
      position: absolute;
      top: 2.6rem;
      left: 2.6rem;
  }
  /* Section6 End */
  /* Footer Start */
  
  footer {
      background-color: var(--tertiary-color);
      color: var(--white-color);
      text-align: left;
      height: 12.1rem;
  }
  
  footer .container {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  
  .hopening {
      display: inline-block;
      margin-left: 0.6rem;
      width: 9rem;
  }
  
  .p-center {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  footer .container p,
  footer .container p a {
      font-size: 1.4rem;
      line-height: 1.4rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 0;
  }
  
  footer .container p a:hover {
      text-decoration: underline;
  }
  /* Footer End */
  
  .slideUp {
      height: 10rem;
      background-color: var(--secondary-color);
      width: calc(100% + 69.1rem);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
  }
  
  .slideUp marquee {
      font-size: 2.6rem;
      line-height: 6rem;
      font-weight: 200;
      color: var(--white-color);
  }
  
  .slideUp marquee b {
      font-size: 2.6rem;
      line-height: 6rem;
      font-weight: 900;
  }
  
  .form {
      position: relative;
      width: 64.6rem;
      background-color: var(--primary-color);
      color: var(--white-color);
      text-align: center;
      padding: 3rem 2rem 3rem 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
      margin-left: auto;
      overflow-y: scroll;
      overflow-y: auto;
      height: 100vh;
      height: auto;
      top: calc(50%);
      transform: translateY(-50%);
  }
  
  .close__form {
      display: none;
  }
  
  .form .img,
  #contactForm .img {
      position: absolute;
      left: calc(50% - -1.5rem);
      top: -8.1rem;
      transform: translate(-50%, 0);
      width: 16.2rem;
      z-index: 1;
  }
  
  .form h2 {
      font-size: 2.6rem;
      line-height: 2.6rem;
      text-transform: uppercase;
      margin-bottom: 2rem;
      font-weight: 900;
  }
  
  .form_p2 {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 45rem;
  }
  
  .form p {
      margin-bottom: 1rem;
  }
  
  .form p b,
  .form p a.mail {
      font-weight: 700;
  }
  
  .form p,
  .form p b,
  .form p a {
      font-size: 1.4rem;
      line-height: 1.9rem;
  }
  
  .form p a:hover {
      text-decoration: underline;
  }
  
  .form h3 {
      font-size: 2.2rem;
      line-height: 2.2rem;
      text-transform: uppercase;
      margin-bottom: 1.2rem;
      margin-top: 2rem;
      font-weight: 900;
  }
  
  .form p.p3 {
      margin-bottom: 2.5rem;
      margin-bottom: 1.5rem;
  }
  
  .form p.p2 {
      margin-bottom: 0;
      text-align: left;
      font-size: 1.4rem;
      line-height: 2.2rem;
  }
  
  .form button,
  form button,
  .primary-btn {
      width: 100%;
      height: 8.3rem;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2rem;
      line-height: 2rem;
      text-transform: uppercase;
      font-weight: 900;
      color: var(--white-color);
      background-color: var(--secondary-color);
      cursor: pointer;
      border: 1px solid var(--secondary-color);
      position: relative;
      z-index: 1;
      margin: 3rem auto 3.5rem auto;
      transition-duration: 0.5s;
  }
  
  .form button {
      height: 5.3rem;
  }
  
  .primary-btn:hover {
      color: var(--white-color);
  }
  
  .form button::after,
  form button::after {
      content: '';
      transition-duration: 0.5s;
      width: 0;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background-color: var(--white-color);
      z-index: -1;
  }
  
  .form button:hover,
  form button:hover {
      color: var(--secondary-color);
  }
  
  .form button:hover::after,
  form button:hover::after {
      width: 100%;
  }
  
  .input_box {
      position: relative;
      text-align: left;
      margin-bottom: 0.8rem;
  }
  
  .input_box input[type="radio"] {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      opacity: 0;
  }
  
  .input_box input[type="radio"]+label {
      padding: 0 1.9rem 0 3.1rem;
      font-size: 1.6rem;
      line-height: 1.6rem;
      position: relative;
      cursor: pointer;
  }
  
  .input_box input[type="radio"]+label::after,
  .input_box2_box2_inputs input[type="checkbox"]+label::after {
      content: '';
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: var(--white-color) !important;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      position: absolute;
      z-index: 1;
  }
  
  .input_box input[type="radio"]:checked+label::before,
  .input_box2_box2_inputs input[type="checkbox"]:checked+label::before {
      content: '';
      width: 1rem !important;
      height: 1rem;
      border-radius: 50%;
      background-color: var(--secondary-color);
      left: 0.5rem;
      top: 50%;
      transform: translate(0, -50%);
      position: absolute;
      z-index: 2;
      background-image: none;
      transition-delay: 0s !important;
  }
  
  .input_box input[type="text"],
  .input_box input[type="email"],
  .input_box input[type="password"] {
      width: 100%;
      border: none;
      height: 4rem;
      padding: 2.4rem;
      padding: 0rem 2.4rem 0 2.4rem;
      color: var(--dark-color);
      font-size: 1.6rem;
      line-height: 1.6rem;
  }
  
  .input_box input[type="checkbox"] {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      opacity: 0;
  }
  
  .input_box input[type="checkbox"]+label {
      padding: 0 3.7rem;
      font-size: 1.6rem;
      line-height: 1.6rem;
      position: relative;
      cursor: pointer;
  }
  
  .input_box input[type="checkbox"]+label::after {
      content: '';
      width: 2.3rem;
      height: 2.3rem;
      background-color: var(--white-color);
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      position: absolute;
      z-index: 1;
  }
  
  .input_box input[type="checkbox"]:checked+label::after {
      background-color: var(--secondary-color);
  }
  
  .input_box input[type="checkbox"]+label::before {
      content: '';
      width: 1.5rem;
      height: 1.2rem;
      left: 0.4rem;
      top: 50%;
      transform: translate(0, -50%);
      position: absolute;
      z-index: 2;
      background-image: url(../img/cheked.png);
      background-position: left center;
      background-size: 1.5rem 1.2rem;
      background-repeat: no-repeat;
      transition-duration: 0.3s;
      transition-delay: 0.2s;
      width: 0;
  }
  
  .input_box input[type="checkbox"]:checked+label::before {
      width: 1.5rem;
  }
  
  .form h5 {
      font-size: 1.6rem;
      line-height: 2.5rem;
      text-align: left;
      margin-bottom: 1.5rem;
  }
  
  .hover_lab label {
      position: absolute;
      left: 2.4rem;
      top: 0;
      font-size: 1.6rem;
      line-height: 1.6rem;
      color: #6C6C6C;
      top: 50%;
      transform: translate(0, -50%);
      transition-duration: 0.3s;
      cursor: inherit;
  }
  
  .hover_lab input:focus+label,
  .hover_lab input.full+label {
      left: 1rem;
      top: 1.2rem;
      font-size: 1.4rem;
      line-height: 1.4rem;
  }
  
  .input_box2 {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-self: flex-start;
  }
  
  .input_box2_box2 {
      width: 26.5rem;
      display: flex;
      justify-content: space-between;
      align-self: flex-start;
  }
  
  .input_box2_box2 h6 {
      font-size: 1.6rem;
      line-height: 2.2rem;
  }
  
  .input_box2_box2_inputs {
      width: 20.5rem;
      display: flex;
      flex-wrap: wrap;
  }
  
  .input_box2_box2_inputs label {
      width: 11rem;
      height: 2rem;
      line-height: 2rem !important;
      margin-bottom: 1.2rem;
      padding: 0 0 0 2.5rem !important;
  }
  
  .input_box2_box2_inputs label:nth-child(2),
  .input_box2_box2_inputs label:nth-child(6) {
      width: 9.5rem;
  }
  
  .input_box2_box2_inputs label:nth-child(6),
  .input_box2_box2_inputs label:nth-child(8) {
      margin-bottom: 0;
  }
  
  .input_box.input_box2 .input_box2_box1 input {
      width: 10.9rem;
      height: 4rem;
      font-size: 1.4rem;
      text-align: center;
      padding: 0 !important;
  }
  
   ::-webkit-datetime-edit-day-field {
      color: #6C6C6C;
  }
  
   ::-webkit-datetime-edit-month-field {
      color: #6C6C6C;
  }
  
   ::-webkit-datetime-edit-year-field {
      color: #6C6C6C;
  }
  
  .input_box.input_box2 .input_box2_box1 input::-webkit-calendar-picker-indicator {
      opacity: 0;
      display: none;
  }
  
  .input_box3 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      flex-wrap: wrap;
  }
  
  .input_box3 .hover_lab label {
      left: 1.4rem;
  }
  
  .input_box3 .input_box {
      width: 13.4rem;
      margin-bottom: 1.1rem;
  }
  
  .input_box3 .input_box:nth-child(1) {
      width: 16rem;
  }
  
  .form_p1 {
      position: relative;
  }
  
  .input_box3 .input_box input:disabled {
      background-color: var(--white-color);
  }
  /*  */
  
  .error_txt {
      position: absolute;
      bottom: 1rem;
      right: 1rem;
      font-size: 1.6rem;
      line-height: 1.6rem;
      font-weight: 500;
      color: red;
      bottom: 0.3rem;
      right: 0.5rem;
      font-size: 1.4rem;
      line-height: 1.4rem;
  }
  
  .input_box3 .error_txt {
      position: initial;
      bottom: initial;
      right: initial;
      width: 100%;
      color: rgb(255, 76, 76);
      text-align: right;
      padding-bottom: 1.1rem;
  }
  
  .input_box2 {
      flex-wrap: wrap;
  }
  
  .input_box2 .error_txt {
      position: initial;
      bottom: initial;
      right: initial;
      width: 100%;
      color: rgb(255, 76, 76);
      text-align: right;
      padding-top: 1.1rem;
  }
  
  .bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 99998;
      background-color: #000000;
      opacity: 0.6;
  }
  
  .bg-valider {
      padding: 5.5rem 11rem;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 99999;
      background-color: var(--white-color);
      display: flex;
  }
  
  .bg-valider p {
      text-transform: uppercase;
      font-size: 4.5rem;
      line-height: 4.5rem;
      text-align: center;
      color: var(--primary-color);
      margin-bottom: 0;
      font-weight: 900;
      display: flex;
  }
  
  .sec2_box_popup {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--white-color);
      z-index: 1;
      opacity: 0;
      transition-duration: 0.3s;
  }
  
  .sec2_box_popup.active {
      opacity: 1;
      z-index: 2;
  }
  
  .sec2_box_popup_bg {
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      background-color: var(--secondary-color);
      top: 2.6rem;
      left: 2.6rem;
  }
  
  .sec2_box_popup_txt {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-color: var(--white-color);
      text-align: left;
  }
  
  .sec2_box_popup_close {
      position: absolute;
      width: 2.1rem;
      display: block;
      top: 4.9rem;
      right: 10.7rem;
      right: 6.7rem;
      cursor: pointer;
      z-index: 3;
      transform: rotate(45deg);
  }
  
  .sec2_box_popup_txt {
      padding: 3.6rem 10.8rem 3.6rem 4.1rem;
      overflow: auto;
  }
  
  .sec2_box_popup_txt h2 {
      font-size: 2.6rem;
      line-height: 2.6rem;
      font-weight: 1000;
      margin-bottom: 0.8rem;
      color: var(--secondary-color);
  }
  
  .sec2_box_popup_txt h3 {
      font-size: 2rem;
      line-height: 3rem;
      font-weight: 700;
      margin-bottom: 2rem;
      color: var(--secondary-color);
  }
  
  .sec2_box_popup_txt p {
      font-size: 2rem;
      line-height: 3rem;
      font-weight: 400;
      margin-bottom: 3.1rem;
      color: var(--dark-color);
  }
  
  .sec2_box_popup_txt p span {
      font-size: 2rem;
      line-height: 3rem;
      font-weight: 700;
      color: var(--secondary-color);
  }
  /* other style */
  /* Debut popupMnetionsLegales */
  
  .textBold {
      font-weight: 700;
  }
  
  .popupMnetionsLegales {
      font-family: "Poppins";
      opacity: 0;
      visibility: hidden;
      position: fixed;
      display: flex;
      align-items: center;
      text-align: left;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 1);
      top: 0;
      left: 0;
      transition: 0.3s;
      z-index: 999;
  }
  
  .popupMnetionsLegales.popped {
      opacity: 1;
      visibility: visible;
  }
  
  .textBlocMentions p,
  .textBlocRegles p {
      margin: 1rem 0;
  }
  
  .cadrePopupMnetions {
      margin: 0 9%;
      max-height: 39.2rem;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .containerMentionsLegales {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 3rem 4rem;
      background-color: #fff;
      position: relative;
      font-size: 2rem;
      font-weight: 200;
  }
  
  .fermer {
      position: absolute;
      right: 1.5rem;
      width: 2rem;
      top: 1.5rem;
  }
  
  .fermer img {
      width: 100%;
      display: block;
  }
  
  .blocMentions {
      width: 65%;
      padding-right: 4rem;
      border-right: 1px solid #ccc;
  }
  
  .titleBlocMentions {
      text-transform: uppercase;
  }
  
  .blocregles {
      width: 35%;
      padding-left: 4rem;
  }
  /* Debut popupMnetionsLegales */
  
  .inlined_input {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .inlined_input .input_box {
      width: 48%;
  }
  
  .groupment_dateH {
      display: none;
  }
  
  .conteneurNavSlide {
      display: none;
  }
  
  .navSlideSesk {
      width: 43rem;
      margin: 0 1.5rem 2rem auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
  }
  
  .navSlideSesk li {
      display: inline-block;
  }
  
  .navSlideSesk a:hover {
      transform: scale(1.1);
  }
  
  .navSlideSesk a {
      width: 20rem;
      margin: 0 auto 0 0;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid var(--secondary-color);
      text-align: center;
      font-weight: 900;
      color: var(--secondary-color);
      text-transform: uppercase;
      font-size: 2rem;
      line-height: 2rem;
      height: 5rem;
      transition-duration: 0.3s;
      transition-timing-function: linear;
  }
  
  .versionMob {
      display: none;
  }
  
  .versionDesk {
      display: block;
  }
  /*hamburger*/
  
  .hamburger {
      cursor: pointer;
      position: absolute;
      right: 9%;
      top: 50%;
      transform: translate(0, -50%);
      z-index: 9999;
  }
  
  .ham {
      display: none;
      height: .7rem;
      width: 5rem;
      background: var(--primary-color);
      margin: .7rem auto;
  }
  
  .ham {
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
  }
  
  .hamburger.activeHam .top {
      -webkit-transform: translateY(1.4rem) rotateZ(-45deg);
      -moz-transform: translateY(1.4rem) rotateZ(-45deg);
      -ms-transform: translateY(1.4rem) rotateZ(-45deg);
      -o-transform: translateY(1.4rem) rotateZ(-45deg);
      transform: translateY(1.4rem) rotateZ(-45deg);
  }
  
  .hamburger.activeHam .bottom {
      -webkit-transform: translateY(-1.4rem) rotateZ(45deg);
      -moz-transform: translateY(-1.4rem) rotateZ(45deg);
      -ms-transform: translateY(-1.4rem) rotateZ(45deg);
      -o-transform: translateY(-1.4rem) rotateZ(45deg);
      transform: translateY(-1.4rem) rotateZ(45deg);
  }
  
  .hamburger.activeHam .middle {
      width: 0;
  }
  /* fin hamburger */
  
  body.activeHoverflow {
      overflow: hidden;
  }
  
  .moreinfos {
      display: block;
      margin-bottom: 0;
  }
  
  .moreinfos a {
      text-decoration: underline;
      height: auto;
      width: 12rem;
      display: inline-block;
      border: 2px solid var(--secondary-color);
      margin-left: 1rem;
      padding: 1rem 0;
      text-align: center;
      text-decoration: none;
      color: var(--secondary-color);
      font-size: 2rem;
      line-height: 2rem;
      font-weight: 900;
      transition-duration: 0.3s;
  }
  
  .moreinfos a:hover {
      transform: scale(1.05);
  }
  /* apparition block effect */
  
  @keyframes appearFromleft {
      0% {
          opacity: 0;
          transform: translate(-100%, 0);
      }
      100% {
          transform: translate(0, 0);
          opacity: 1;
      }
  }
  
  @keyframes appearFromBottom {
      0% {
          opacity: 0;
          transform: translate(0, 100%);
      }
      100% {
          transform: translate(0, 0);
          opacity: 1;
      }
  }
  
  .bg_grey {
      background: #f1f1f1;
      overflow-Y: hidden;
  }
  
  .sec3_box:nth-of-type(4) {
      transform: translate(0, 100%);
      animation: appearFromBottom 0.7s 0.8s ease;
      transform-style: preserve-3d;
      animation-fill-mode: forwards;
  }
  
  .sec3_box:nth-of-type(5) {
      transform: translate(0, 100%);
      animation: appearFromBottom 0.7s 1s ease;
      transform-style: preserve-3d;
      animation-fill-mode: forwards;
  }
  
  .sec3_box:nth-of-type(6) {
      transform: translate(0, 100%);
      animation: appearFromBottom 0.7s 1.2s ease;
      transform-style: preserve-3d;
      animation-fill-mode: forwards;
  }
  
  .sec3_box:nth-of-type(7) {
      transform: translate(0, 100%);
      animation: appearFromBottom 0.7s 1.4s ease;
      transform-style: preserve-3d;
      animation-fill-mode: forwards;
  }
  
  .sec3_box:nth-of-type(8) {
      transform: translate(0, 100%);
      animation: appearFromBottom 0.7s 1.6s ease;
      transform-style: preserve-3d;
      animation-fill-mode: forwards;
  }
  
  .sec3_box:nth-of-type(9) {
      transform: translate(0, 100%);
      animation: appearFromBottom 0.7s 1.8s ease;
      transform-style: preserve-3d;
      animation-fill-mode: forwards;
  }
  
  .sec3_box:nth-of-type(10) {
      transform: translate(0, 100%);
      animation: appearFromBottom 0.7s 2s ease;
      transform-style: preserve-3d;
      animation-fill-mode: forwards;
  }
  
  .sec3_box:nth-of-type(1n+11) {
      opacity: 1;
  }
  /* apparition block effect */
  
  #temoignages .slick-prev {
      animation: jumpInfinite 1.5s infinite;
  }
  
  #temoignages .slick-next {
      animation: jumpInfinite2 1.5s infinite;
  }
  
  @keyframes jumpInfinite {
      0% {
          margin-top: 0;
      }
      50% {
          margin-left: 20px;
      }
      100% {
          margin-top: 0;
      }
  }
  
  @keyframes jumpInfinite2 {
      0% {
          margin-top: 0;
      }
      50% {
          margin-right: 20px;
      }
      100% {
          margin-top: 0;
      }
  }
  /* animation flipInX */
  
  .animated {
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
      /** once the animation finishes we stay on the last
    keyframe */
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes flipInX {
      0% {
          -webkit-transform: translate(0, -5rem) perspective(400px);
          transform: translate(0, -5rem) perspective(400px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
      }
      100% {
          -webkit-transform: translate(0, 0) perspective(400px);
          transform: translate(0, 0) perspective(400px);
          opacity: 1;
      }
  }
  
  @keyframes flipInX {
      0% {
          -webkit-transform: translate(0, -5rem) perspective(400px);
          transform: translate(0, -5rem) perspective(400px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
      }
      100% {
          -webkit-transform: translate(0, 0) perspective(400px);
          transform: translate(0, 0) perspective(400px);
          opacity: 1;
      }
  }
  
  .flipInX {
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: flipInX;
      animation-name: flipInX;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
      /* this is a nice way to control animation playback */
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
      opacity: 0;
  }
  /* fin animation flipInX */
  /* tarte au citron */
  
  #tarteaucitronRoot #tarteaucitronAlertBig {
      background: #ffffff !important;
      padding: 15px 0 15px 0 !important;
      display: flex !important;
      align-items: center;
      justify-content: center;
  }
  
  #tarteaucitronRoot * {
      font: 15px "Poppins" !important;
  }
  
  #tarteaucitronRoot .tarteaucitronDeny {
      background: #ffffff !important;
      color: #0d205c !important;
      border: 1px solid #0d205c;
      padding: 14px 25px !important;
  }
  
  #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before {
      display: none;
  }
  
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
      color: #0d205c !important;
      font-family: "Merriweather" !important;
      font-weight: 700 !important;
      font-style: italic !important;
      font-size: 1.2em !important;
      width: 63% !important;
      order: 1;
  }
  
  .tarteaucitronCheck {
      display: none !important;
  }
  
  #tarteaucitronAlertBig #tarteaucitronCloseAlert {
      color: #0d205c !important;
      border: 1px solid #0d205c;
      padding: 17px 24px !important;
      margin-bottom: 0 !important;
      order: 3;
      font-family: "Poppins" !important;
      font-weight: 400 !important;
  }
  
  #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
      order: 2;
      border: 1px solid #0d205c;
      transition: box-shadow 0.5s, color 0.5s;
      display: inline-block;
  }
  
  #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover {
      box-shadow: inset 17.2rem 0px rgba(255, 255, 255, 1);
      color: #0d205c;
  }
  
  #tarteaucitronRoot #tarteaucitronAllDenied2 {
      order: 4;
  }
  
  #tarteaucitronRoot #tarteaucitronAllDenied2:hover {
      opacity: 0.7;
  }
  
  #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  .tarteaucitronCTAButton,
  #tarteaucitronRoot .tarteaucitronAllow {
      background: #0d205c !important;
      text-transform: uppercase;
      padding: 17px 25px !important;
      font-family: "Poppins" !important;
      font-weight: 400 !important;
  }
  
  #tarteaucitron #tarteaucitronClosePanel {
      z-index: 1;
  }
  
  .tarteaucitronSelfLink {
      display: none;
  }
  
  @media(max-width:991px) {
      .versionMob {
          display: block;
      }
      .versionDesk {
          display: none;
      }
      .ham {
          display: block;
      }
      .activeHam .ham {
          background: var(--white-color);
      }
      header ul {
          width: 100%;
          height: 100vh;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 9998;
          background-color: var(--primary-color);
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          visibility: hidden;
          opacity: 0;
      }
      header ul.activeMenu {
          visibility: visible;
          opacity: 1;
      }
      header ul li,
      header ul li a {
          color: var(--white-color);
      }
      header ul li {
          margin: 2rem 0;
      }
      .lirLaSuite,
      .lireMoins {
          cursor: pointer;
          text-align: right;
          font-weight: 700;
          text-decoration: underline;
      }
      .lirLaSuite {
          display: block;
      }
      .lireMoins {
          display: none;
          text-align: right;
          padding-top: 2rem;
      }
      .sec3_box_container p {
          display: none;
      }
      .conteneurTransmettre {
          margin-bottom: 3rem;
      }
      .conteneurNavSlide {
          width: 35.8rem;
          display: block;
          margin: 0 auto;
      }
      .navSlide {
          display: flex;
          justify-content: space-between;
          align-items: center;
      }
      .navSlideSesk {
          display: none;
      }
      .close__form {
          display: block;
      }
      /* Debut popup mentions */
      .cadrePopupMnetions {
          max-height: 640px;
      }
      .containerMentionsLegales {
          flex-direction: column;
          padding: 1rem;
          max-height: 70rem;
          overflow: scroll;
      }
      .blocMentions {
          width: 100%;
          padding-right: 0;
          border-right: 0;
          border-bottom: 1px solid #ccc;
      }
      .blocregles {
          width: 100%;
          padding-left: 0;
      }
      /* Fin popup mentions */
  }
  /*the container must be positioned relative:*/
  
  .input_box3 .input_box select {
      height: 5.3rem;
      font-size: 1.6rem;
      line-height: 1.6rem;
      padding: 0 0 0 1rem;
  }
  
  .info-lab {
      text-align: right;
      color: #ffffff;
      line-height: 1.1rem;
      font-size: 1.1rem;
      display: block;
      margin-top: 1rem;
      position: absolute;
      bottom: 14rem;
      bottom: 38rem;
      left: 0;
  }
  
  .form button {
      margin-top: 2.5rem;
      margin-bottom: 1.5rem;
  }
  
  .input_box-5 {
      margin-bottom: 0.5rem;
  }
  
  .input_box-6 {
      display: flex;
  }
  
  .input_box-6.input_box input[type="radio"]+label {
      min-width: 13rem;
      display: block;
  }
  
  .error_txt-general {
      text-align: right;
      position: absolute;
      bottom: 14rem;
      bottom: 38rem;
      right: 0;
  }
  
  .flipInX {
      animation-delay: 0s !important;
  }
  
  @keyframes heartBeat {
      0%,
      100% {
          transform: translateY(-50%) scale(1);
          /* Start and end scale (normal size) */
      }
      50% {
          transform: translateY(-50%) scale(1.1);
          /* Midway scale (expanded size) */
      }
  }
  
  .heart {
      transform-origin: center right;
      animation: heartBeat 1s infinite;
  }
  
  .form-txt {
      background-color: var(--white-color);
      color: var(--primary-color);
      margin-top: 1rem;
      padding: 2rem 1rem;
  }
  
  .form-txt h2 {
      margin-bottom: 1rem;
  }
  
  .form-txt p:last-child {
      margin-bottom: 0;
  }
  
  .form-txt p a {
      color: var(--secondary-color);
  }
  
  .input_box-5,
  .input_box-6 {
      text-align: center;
  }
  
  .form p.p3 {
      margin-bottom: 1.1rem;
  }
  
  .input_box-6 {
      justify-content: center;
      margin-bottom: 1.2rem;
  }
  
  .btn {
      width: 24rem;
      position: absolute;
      bottom: 2.6rem;
      right: 2.6rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid var(--secondary-color);
      text-align: center;
      font-weight: 900;
      color: var(--secondary-color);
      text-transform: uppercase;
      font-size: 2rem;
      line-height: 2rem;
      height: 5rem;
      transition-duration: 0.3s;
      transition-timing-function: linear;
  }
  
  .btn:hover {
      transform: scale(1.1);
      color: var(--secondary-color);
  }
  
  .sec6_part1 p:nth-child(2) {
      margin-bottom: 1rem;
  }