body {
  min-height: 100vh;
  position: relative;
}
:root {
  --bg-primary-color: #2196f3;
}

.bg-primary {
  background-color: var(--bg-primary-color);
}
.h-30re {
  height: 30rem;
}
.h-33re {
  height: 33rem;
}

.min-h48re {
  min-height: 48rem;
}

.hero {
  background: linear-gradient(to right, #fecaca8e, #94a3b89f, #e2e8f06c),
    url("../../../assets/images/front/hero_fleuve.avif");
}

.hero_vision {
  background: linear-gradient(to right, #302b2b8a, #2e3033e1, #7f80817e),
    url("../../../assets/images/front/apropos.webp");
}
.hero_blog {
  background: linear-gradient(to right, #16161693, #14161898, #2b2c2c94),
    url("../../../assets/images/front/blog.jpeg");
}
.hero_helpdesk {
  background: linear-gradient(to right, #16161693, #14161898, #2b2c2c94),
  url("../images/help.jpg");
  height: 20rem;
}
.hero_price {
  background: linear-gradient(to right, #16161693, #14161898, #2b2c2c94),
    url("../images/hero_price.webp");
}
.hero_ged {
  background: linear-gradient(to right, #16161693, #14161898, #2b2c2c94),
    url("../images/ged.jpg");
}
.hero_faq {
  background: linear-gradient(to right, #16161693, #14161898, #2b2c2c94),
    url("../../../assets/images/front/contact.jpg");
    height: 20rem;
}

.b-visible {
  opacity: 1;
  transition: all 0.5s 0.2s ease-in-out;
}

.b-invisible {
  opacity: 0;
  transition: all 0.5s 0.2s ease-in-out;
}

.v-parent:hover .b-visible {
  opacity: 0;
}

.v-parent:hover .b-visible + .b-invisible {
  opacity: 1;
}

/* header hover */

.drop-parent:hover .drop-enfant {
  opacity: 1;
  visibility: visible;
}

.drop-enfant {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}

.gros-img:hover img {
  transform: scale(1.1);
}