/* Utilisation de media queries pour les écrans plus petits */
@media (max-width: 995px) {
  h1 {
    font-size: 6.667vw; /* 60px converted to vw */
    line-height: 6.667vw; /* 72px / 16px */
  }
  h2 {
    font-size: 3.704vw; /* 40px converted to vw */
    line-height: 4.444vw; /* 48px converted to vw */
  }
  h3 {
    font-size: 4.444vw;
    line-height: 5.37vw;
  }
  p {
    font-size: 2.963vw;
    line-height: 3.519vw;
  }
  p.p38 {
    font-size: 3.519vw; /* 38px*(100/1080) */
    line-height: 4.167vw; /* 45px*(100/1080) */
  }
  p.p40 {
    font-size: 3.704vw; /* 40px*(100/1080) */
    line-height: 4.444vw; /* 48px*(100/1080) */
  }
  p.p44 {
    font-size: 4.074vw;
    line-height: 4.907vw;
  }
  p.p46 {
    font-size: 4.259vw;
    line-height: 5.093vw;
  }

  .desktop-only
  {
    display: none;
  }

  button {
    padding: 2.778vw 1.852vw; /* 30px and 20px converted to vw based on 1080px */
    font-size: 3.981vw;
    line-height: 4.815vw;
    border-radius: 1.111vw; /* 12px converted to vw */
  }
  header {
    /*padding: 0 0 5.556vw 0;*/ /* 60px converted to vw */
    border-radius: 0 0 4.167vw 4.167vw; /* 70px converted to vw */
    /* -webkit-box-shadow: 0 0.185vw 0.926vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.185vw 0.926vw rgba(0, 0, 0, 0.1); */
  }
  .coinpage {
    width: 23.15vw;
    height: 23.15vw;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background-image: url("../images/coinpage.png");
    background-size: 23.15vw 23.15vw;
    background-repeat: no-repeat;
  }

  .accueil h1 {
    font-size: 5.37vw;
    line-height: 5.556vw;
    margin-top: 9.259vw;

    /* margin-top: 3.241vw; */
  }
  .accueil p {
    font-size: 2.593vw;
    line-height: 3.148vw;
    margin-top: 1.667vw;
    margin-bottom: 2.593vw;
  }

  .quiz h1 {
    font-size: 4.63vw;
    line-height: 5.556vw;
    margin-top: 9.259vw;
  }
  .quiz p {
    font-size: 3.519vw;
    line-height: 4.167vw;
    margin-top: 1.667vw;
    margin-bottom: 5.556vw;
  }
  .quiz p.offset {
    width: 9.259vw;
  }

  .score p {
    margin-top: 3.704vw;
    font-size: 5.278vw;
    line-height: 5.741vw;
  }

  .merci {
    margin: 5.556vw 0;
  }

  .joinus {
    margin-top: 4.63vw; /* 50px*(100/1080) */
    margin-bottom: 3.24vw; /* 35px*(100/1080) */
  }

  .bigButton {
    padding: 3.241vw 0;
    background-color: #fff;
    border-radius: 4.167vw; /* 45px*(100/1080) */
    max-width: 92.13vw; /* 995px*(100/1080) */
    width: 92%;
    position: relative;
    margin-bottom: 5.556vw;
  }

  .bigButton p.p1 {
    font-size: 4.63vw; /* 50px*(100/1080) */
    line-height: 5.56vw; /* 60px*(100/1080) */
  }
  .bigButton p.p2 {
    font-size: 3.7vw; /* 40px*(100/1080) */
    line-height: 4.44vw; /* 48px*(100/1080) */
    margin: 1.67vw 0px; /* 18px*(100/1080) */
  }
  .bigButton button p {
    font-size: 4.44vw;
  }

  .photo-profils {
    margin-top: 2.8vw;
  }
  .profil p {
    margin-top: 1.852vw;
  }

  .theArrowContainer {
    width: 75vw; /* 754px*(100/1080) */
  }
  .theArrowContainer div.line {
    position: absolute;
    background-color: #fff;
    width: 75vw; /* 754px*(100/1080) */
    height: 0.278vw; /* 3px*(100/1080) */
    border-radius: 0.185vw; /* 2px*(100/1080) */
  }
  .theArrowContainer img {
    margin: auto;
    width: 7.963vw; /* 86px*(100/1080) */
    border-radius: 3.981vw; /* 43px*(100/1080) */
    position: relative;
  }

  .container {
    gap: 2.8vw;
  }

  .section {
    margin: 1.852vw 0;
  }

  .summit {
    margin: 1.851851vw 0; /* 20px converted to vw */
  }

  .video-showcase {
    margin: 1.851851vw 0; /* 20px converted to vw */
  }

  .maquetting-details {
    gap: 3.704vw;
  }

  .explore-button {
    margin: 0.925926vw; /* 10px converted to vw */
  }
  .connect-text p {
    font-size: 3.519vw; /* 38px converted to vw */
    line-height: 4.259vw; /* 46px converted to vw */
    padding-right: 0.926vw; /* 10px converted to vw */
  }
  .logo-section {
    gap: 1.852vw; /* 20px converted to vw */
    margin: 2.778vw; /* 30px converted to vw */

    gap: 3.7vw;
    margin: 3.7vw;
  }

  footer {
    margin-top: -2.778vw;
  }

  footer .logo {
    width: 10.556vw; /* 114px converted to vw */
    height: 6.667vw; /* 72px converted to vw */

    width: 12.556vw;
    height: 7.667vw;
  }
  .home-button,
  .goBack-button {
    width: 14.63vw; /* 157px converted to vw */
    height: 13.333vw; /* 144px converted to vw */

    width: 11.296vw;
    height: 12.593vw;
    left: -3.981vw;
    top: calc((100% - 12.593vw) / 2);
  }
  .connect-image img {
    width: 39.333vw; /* 424px converted to vw */
    height: 41.333vw; /* 448px converted to vw */
  }

  .contact-info {
    font-size: 2.037vw; /* 21px converted to vw */
    line-height: 2.315vw; /* 25px converted to vw */

    font-size: 2.6vw;
    line-height: 3vw;
  }

  .linkedin-icon {
    font-size: 4.074vw; /* 44px converted to vw */
    text-decoration: none;
    /*margin: 3.704vw; */ /* 40px converted to vw */
    padding: 3.704vw;

    font-size: 6.574vw;
  }
  /* INTROQUIZZ */
  .quiz-container {
    margin-top: 1.852vw;
  }

  .form-group {
    margin-bottom: 1.852vw; /* 20px converted to vw */
  }

  .role-grid {
    gap: 5.556vw; /* 60px converted to vw */
    margin: 5.556vw 0; /* 60px converted to vw */
  }

  .role-button,
  .role-solutions {
    padding: 1.389vw; /* 15px converted to vw */
    border-radius: 1.389vw; /* 15px converted to vw */
    font-size: 3.704vw; /* 40px converted to vw */

    height: 12.407vw;
  }

  .m100 {
    margin-left: -13.148vw; /* -142px converted to vw */
  }

  .required-container {
    margin-bottom: 4.63vw;
    height: 3.704vw; /* 40px converted to vw */
    font-size: 2.315vw; /* 25px converted to vw */
  }

  .start-button {
    padding: 1.852vw; /* 20px converted to vw */
    border-radius: 0.593vw; /* 8px converted to vw */
    font-size: 3.704vw; /* 40px converted to vw */
    margin-top: 2.778vw; /* 30px converted to vw */
  }

  button[type="submit"].start-button
  {
    margin-top: 11.111vw;
    margin-bottom: 7.407vw;
    padding: 3.704vw;
    font-size: 4.63vw;
  }

  .email-icon {
    margin: 1.852vw auto; /* 20px converted to vw */
  }

  input[type="text"],
  input[type="email"] {
    padding: 2.315vw; /* 8px converted to vw */
    margin-top: 2.315vw; /* 5px converted to vw */
    border: 1px solid #ddd;
    border-radius: 0.296vw; /* 4px converted to vw */

    font-size: 3.704vw;
  }

  button[type="submit"] {
    margin-top: 3.704vw;
    margin-bottom: 7.407vw;
  }

  .textarea-container {
    margin-bottom: 6.944vw;
  }
  textarea {
    font-size: 3.704vw;
    border-radius: 0.296vw;
    padding: 2.315vw;
    margin-top: 2.315vw;
    margin-bottom: 2.315vw;
  }

  .subtitle {
    margin: 1.852vw 0;
    font-size: 2.222vw;
  }

  .question-section {
    margin: 3.704vw 0;
    margin-top: 0;
    padding: 1.852vw;
  }

  .question-header {
    margin-bottom: 1.852vw;
    font-size: 3.704vw;
    line-height: 4.444vw;
    margin-top: 9.259vw;
  }

  .options-form {
    gap: 0.833vw;
    margin: 2.778vw 0;
  }

  .option {
    /* gap: 5.556vw; */
    padding: 0.926vw 0;
    font-size: 3.333vw;
    line-height: 3.333vw;

    margin-top: 1.852vw;
  }

  .option label {
    padding-left: 2.315vw;
  }
  .optins label {
    font-size: 3vw;
    line-height: 4.63vw;
  }

  .custom-checkbox {
    width: 5.185vw;
    height: 5.185vw;
    /* border: 0.37vw solid #555; */
    border-radius: 0.278vw;
  }

  .navigation-buttons {
    gap: 18.519vw;
    margin: 2.778vw 0;
    margin-top: 16.667vw;
  }

  .nav-button {
    padding: 1.852vw;
    width: 23.148vw;
    height: 9.259vw;
    border-radius: 4.63vw;
    font-size: 3.704vw;
  }

  .nav-button svg {
    height: 5.556vw;
  }

  .nav-button.prev svg {
    margin-left: -2.778vw;
  }

  .nav-button.next svg {
    margin-right: -2.778vw;
  }

  /* Progress Gauge Styles */
  .progress-container {
    margin: 7.407vw auto;
    width: 100%;
    height: 2.778vw;
    border-radius: 1.389vw;
  }

  /* #prevBtn,
  #nextBtn {
    width: 7.407vw;
    height: 7.407vw;
  }

  #prevBtn svg,
  #nextBtn svg {
    width: 3.704vw;
    height: 3.704vw;
  } */
  .logo-container {
    margin-top: 4.629vw; /* 50px * (100/1080) */
  }

  /* RESULTS */

  #results-container {
    gap: 4.629vw; /* 50px * (100/1080) */
  }
  #results-container img,
  #bench-container img {
    width: 18.056vw; /* 195px * (100/1080) */
    height: 17.129vw; /* 185px * (100/1080) */
  }

  .action-button {
    margin: 3.704vw 0;
  }

  /* BENC */

  .congrats {
    font-size: 4.259vw;
  }

  #bench-container {
    gap: 4.629vw; /* 50px * (100/1080) */
  }

  .results-card {
    border-radius: 6.481vw; /* 70px * (100/1080) */
    /*-webkit-box-shadow: 0 0.185vw 0.926vw rgba(0, 0, 0, 0.1);*/ /* 2px * (100/1080) et 10px * (100/1080) */
    /*box-shadow: 0 0.185vw 0.926vw rgba(0, 0, 0, 0.1);*/
    gap: 2.778vw; /* 30px * (100/1080) */
  }

  .digitalization-score {
    gap: 3.704vw; /* 40px * (100/1080) */
    padding: 3.704vw; /* 40px * (100/1080) */
  }

  .score-text {
    font-size: 4.444vw; /* 48px * (100/1080) */
  }

  .cloud-icon {
    width: 32.009vw !important; /* 345px * (100/1080) */
    height: 29.944vw !important; /* 323px * (100/1080) */
    padding: 3.704vw; /* 40px * (100/1080) */
  }

  .circle_result {
    height: 46.296vw; /* 500px * (100/1080) */
    width: 46.296vw; /* 500px * (100/1080) */
  }

  #percent {
    position: absolute;
    width: 18.241vw; /* 196px * (100/1080) */
    height: 9.352vw; /* 101px * (100/1080) */

    font-size: 8.241vw; /* 89px * (100/1080) */
  }
  /* ACCUEIL */
  .video-container {
    margin-top: 3.241vw;
    border-radius: 1.389vw; /* 15px * (100/1080) */
    margin-bottom: 1.852vw; /* 20px * (100/1080) */
  }

  .video-wrapper {
    padding-top: 4.629vw; /* 50px * (100/1080) */
  }

  .video-slide {
    width: 84.259vw; /* 910px * (100/1080) */
    height: 53.704vw; /* 580px * (100/1080) */
  }

  .play-button {
    width: 5.556vw; /* 60px * (100/1080) */
    height: 5.556vw; /* 60px * (100/1080) */
  }

  .play-icon {
    width: 2.778vw; /* 30px * (100/1080) */
    height: 2.778vw; /* 30px * (100/1080) */
  }

  .video-caption {
    padding: 1.389vw; /* 15px * (100/1080) */
    font-size: 3.259vw; /* 35px * (100/1080) */
    line-height: 3.889vw; /* 42px * (100/1080) */
  }

  .navigation {
    gap: 2vw; /* 20px * (100/1080) */
    margin: 1.852vw 0;
  }

  .nav-button {
    padding: 0.463vw; /* 5px * (100/1080) */
  }

  .nav-dots {
    gap: 0.463vw; /* 5px * (100/1080) */
    border-radius: 3.241vw;
    padding: 0.926vw 2.778vw;
  }

  .dot {
    width: 1.852vw; /* 8px * (100/1080) */
    height: 1.852vw; /* 8px * (100/1080) */
  }

  .connect-button {
    padding: 1.389vw; /* 15px * (100/1080) */
    border-radius: 0.463vw; /* 5px * (100/1080) */
    font-size: 1.481vw; /* 16px * (100/1080) */
  }

  .contact-card {
    margin: 4.63vw 0;
    gap: 4.629vw; /* 50px * (100/1080) */
  }

  .contact-card img {
    width: 15.833vw; /* 171px * (100/1080) */
    height: 16.852vw; /* 184px * (100/1080) */
  }
  /* FORMULAIRE */
  /* #category_solution {
    gap: 3.981vw;
  }
  #category_solution .role-button {
    padding: 1.389vw 0;
  } */
  .mcustom {
    margin-left: -13.148vw; /* -142px * (100/1080) */
  }
  .mcustomb {
    margin-left: -6.111vw; /* -66px * (100/1080) */
  }
  /* MERCI */
  .image-container img {
    width: 85.556vw; /* 924px * (100/1080) */
    /*height: 61.574vw;*/ /* 665px * (100/1080) */
  }
  .thank-you-message img {
    width: 16.852vw; /* 182px * (100/1080) */
    height: 20.463vw; /* 221px * (100/1080) */
    padding: 2.5vw;
  }
  .confirmation-card h2 {
    margin-top: 3.704vw; /* 40px * (100/1080) */
    margin-bottom: 3.704vw; /* 40px * (100/1080) */
    font-size: 4.259vw;
    line-height: 5.093vw;
  }
  .confirmation-card h1 {
    font-size: 5vw;
    line-height: 6.667vw;
  }
  .confirmation-card .section h1 {
    margin-top: 5.556vw;
    margin-bottom: 5.556vw;
  }
  .button-container .primary-button {
    margin-top: 7.407vw; /* 20px * (100/1080) */
    margin-bottom: 7.407vw;
  }
  .button-container .secondary-button {
    margin-top: 7.407vw;
    margin-bottom: 7.407vw; /* 80px * (100/1080) */
  }
  #question-container {
    min-height: 64.815vw;
  }
}

/* PRIVACY POLICY */
.privacy-policy h2 {
  margin-top: 3.241vw;
}
.privacy-policy p {
  margin-top: 1vw;
}
.privacy-policy p.update {
  margin: 5.556vw 0;
}

/* Utilisation de media queries pour les écrans plus grands */
/* @media (min-width: 869px) {
  .video-showcase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .explore-button {
    width: auto;
  }
} */

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-2vw);
    transform: translateY(-2vw);
  }
  60% {
    -webkit-transform: translateY(-1vw);
    transform: translateY(-1vw);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-2vw);
    transform: translateY(-2vw);
  }
  60% {
    -webkit-transform: translateY(-1vw);
    transform: translateY(-1vw);
  }
}