.titre_projects {
  display: flex;
  align-items: center;
}

h2 {
  font-family: "Poppins";
  font-weight: normal;
  text-align: left;
  font-size: clamp(10px, 6vw, 40px);
  color: var(--color-primary);
}

p {
  font-size: clamp(10px, 4vw, 20px);
  font-family: "Poppins";
  text-align: justify;
  padding: 5%;
}

b {
  color: var(--color-accent);
}

.btn_retour_arriere {
  font-size: 60px;
  color: var(--color-primary);
  -webkit-text-stroke-color: var(--color-primary);
  -webkit-text-stroke-width: 1px;
  margin: 5%;
  display: flex;
  text-align: left;
  transition: 0.3s ease-in-out;
}
.btn_retour_arriere:hover {
  color: var(--color-secondary);
  -webkit-text-stroke-color: var(--color-accent);
}

.section_projects_img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2%;
}

.projects_img {
  margin: 0 auto;
  width: clamp(288, 15vw, 576px);
  height: clamp(162px, 15vw, 324px);
  justify-content: center;
  align-items: center;
}

#img_projects {
  transition: 0.5s linear;
}

.projects_img img {
  margin: 0 auto;
  width: clamp(288, 15vw, 576px);
  height: clamp(162px, 15vw, 324px);
  transition: 1s ease-in-out;
}

.div_mid {
  width: 100%;
  display: block;
}

.projects_img2 {
  width: clamp(288, 10vw, 576px);
  height: clamp(162px, 10vw, 324px);
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.projects_img2 video {
  width: clamp(288, 10vw, 576px);
  height: clamp(162px, 10vw, 324px);
  margin: 0 auto;
}

svg {
  width: clamp(15px, 5vw, 25px);
  height: clamp(15px, 5vw, 25px);
}

.section_select {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section_select div {
  position: relative;
  width: 35px;
  height: 35px;
}

.section_select div svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.8s ease-out;
}

.svg_selected {
  opacity: 0;
  z-index: -1;
}

/*########################################################""""*/
@media (max-width: 768px) {
  .section_projects_img {
    flex-direction: column;
  }
}
