:root {
  --black-2: #000e36;
  --main-1: #000e36;
  --main-2: #9b59b6;
  --white: var(--white-smoke);
  --black: #242323;
  --white-smoke: white;
  --grey-light: #e3e3e3;
  --grey-mdium: #cfcfcf;
  --grey-dark: #adadad;
  --black-medium: #373737;
  --black-light: #545454;
  --main1-light: #63b4ea;
  --main-1-lighter: #98cbed;
  --main-1-medium: #3582b5;
  --main-1-dark: #2e5067;
  --main-1-darker: #273a47;
  --main-2-light: #b972d6;
  --main-2-medium: #864d9e;
  --main-2-lighter: #d68ff3;
  --main-2-dark: #583267;
  --main-2-darker: #2f1f36;
  --transparent: #fff0;
  --light-grey-new: #efefef;
  --a4bcc2: #a4bcc2;
  --light-grey: #c3c1c4;
  --light-grey2: #f2f2f2;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.all-fonts {
  z-index: 100000;
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 34px;
  display: flex;
  position: relative;
}

.all-fonts.hide {
  display: none;
}

.h1 {
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 800;
  line-height: 1.05;
}

.h2 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1vh;
  font-size: 2vh;
  font-weight: 700;
  line-height: 1.4;
}

.h2.text-main-dark {
  color: var(--black-2);
}

.h2.hidden {
  display: none;
}

.h3 {
  letter-spacing: 3px;
  font-family: Opensans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.h4 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.4;
}

.h5 {
  font-size: 40px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.2;
}

.body {
  background-color: var(--main-1);
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  overflow: visible;
}

.text-vh {
  margin-bottom: 0;
  font-size: 2vh;
  line-height: 1.5;
  position: relative;
}

.text-vh.italic.text-main-2 {
  color: var(--main-2);
}

.text-vh--sm {
  margin-bottom: 0;
  font-size: 1.8vh;
}

.text--sm {
  font-size: 17px;
}

.text-vh--lg {
  font-size: 2.8vh;
}

.text-vh--lg.bold {
  line-height: 1.2;
}

.text-vh--xsm {
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1.6vh;
}

.text-vh--xsm.cap.bold {
  padding-left: 0;
}

.text--xsm {
  font-size: 14px;
}

.text--xsm.text--main-1-light.no-mb {
  color: var(--main-1);
  margin-bottom: 0;
}

.text--xsm.text--main-1-light.no-mb.text--white {
  color: #f3f3f3;
}

.etiquette {
  color: #fff;
  background-color: #ababab;
  margin-top: 45px;
  margin-bottom: 16px;
  padding: 2px 13px;
  font-size: 16px;
}

.div-block-2 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-4 {
  background-color: #f7f7f7;
  margin-left: 18px;
  padding-left: 10px;
  padding-right: 10px;
}

.text--lg {
  font-size: 22px;
}

.note {
  font-size: 12px;
}

.h1--vh {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 3vh;
  font-size: 4vh;
  font-weight: 800;
  line-height: 1.3;
}

.h1--vh.text--main {
  color: var(--main-1);
  margin-bottom: 3vh;
  font-size: 4vh;
  font-weight: 700;
}

.h1--vh.text--main.text-white {
  color: var(--white);
}

.h1--vh.text--main.h1-popup {
  margin-bottom: 15px;
  font-size: 6vh;
}

.h1--vh.text--main.h1-popup.h1-poup-smaller {
  font-size: 2vw;
}

.h1--vh.text--main-dark {
  color: var(--black-2);
  margin-bottom: 3vh;
  font-size: 4vh;
}

.h1--vh.no-margin-bottom {
  margin-bottom: 0;
}

.h2--vh {
  align-items: center;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.05;
  display: flex;
}

.h2--vh.mb_5vh {
  margin-bottom: 5vh;
}

.h3--vh {
  font-size: 5vh;
  line-height: 1.2;
  position: relative;
}

.h3--vh-copy {
  font-size: 4vh;
  line-height: 1.2;
}

.h4--vh {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2vh;
  line-height: 1.4;
  position: relative;
}

.link--vh {
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  padding-bottom: 2px;
  font-size: 1.6vh;
  font-weight: 700;
  display: inline-block;
}

.link {
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  padding-bottom: 2px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.button {
  display: flex;
}

.button__container {
  background-color: var(--black);
  color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  display: flex;
}

.button__container.button__container--border {
  background-color: var(--white-smoke);
  color: var(--black);
  border: 1px solid #00000029;
}

.button__text--vh {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.6vh;
  font-weight: 700;
  display: inline-block;
}

.cap {
  text-transform: uppercase;
}

.bold {
  font-weight: 700;
}

.extrabold {
  font-weight: 800;
}

.xbold {
  font-weight: 900;
}

.semibold {
  font-weight: 600;
}

.light {
  font-weight: 300;
}

.extralight {
  font-weight: 200;
}

.thin {
  font-weight: 100;
}

.text--black {
  color: var(--black);
}

.text--white {
  color: var(--white-smoke);
}

.text--main {
  color: var(--main-1);
}

.div-block-5 {
  justify-content: center;
  align-items: center;
  padding: 28px;
  display: flex;
}

._100x100 {
  width: 100px;
  height: 100px;
}

.black {
  background-color: var(--black);
}

.main1 {
  background-color: var(--main-1);
}

.grey--light {
  background-color: var(--grey-light);
}

.grey--medium {
  background-color: var(--grey-mdium);
}

.grey--dark {
  background-color: var(--grey-dark);
}

.black-medium {
  background-color: var(--black-medium);
}

.black-light {
  background-color: var(--black-light);
}

.main1--light {
  background-color: var(--main1-light);
}

.main1--lighter {
  background-color: var(--main-1-lighter);
}

.main1--medium {
  background-color: var(--main-1-medium);
}

.main1--dark {
  background-color: var(--main-1-dark);
}

.main1--darker {
  background-color: var(--main-1-darker);
}

.white {
  background-color: var(--white-smoke);
}

.pure-white {
  background-color: #fff;
}

.main2 {
  background-color: var(--main-2);
}

.main2--light {
  background-color: var(--main-2-light);
}

.main2--medium {
  background-color: var(--main-2-medium);
}

.main2--lighter {
  background-color: var(--main-2-lighter);
}

.main2--dark {
  background-color: var(--main-2-dark);
}

.main2--darker {
  background-color: var(--main-2-darker);
}

.sidebar {
  z-index: 101;
  background-color: #fff;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  width: 6%;
  min-width: 166px;
  height: 100%;
  padding: 0;
  transition: left .4s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper {
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.sidebar__logo {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 0 23px;
  display: flex;
  position: relative;
}

.sidebar__logo__img {
  width: 100%;
  max-height: 100%;
  margin-top: 9px;
}

.sidebar__button {
  width: 100%;
  height: 100%;
  padding: 0 0 15px;
  position: relative;
}

.sidebar__buttton_n__text {
  color: var(--main-2-darker);
  text-transform: uppercase;
  border: 1px #2f1f3647;
  border-bottom-style: solid;
  width: 100%;
  padding: 15px 7px;
  text-decoration: none;
  transition: color .3s cubic-bezier(.23, 1, .32, 1), background-color .5s cubic-bezier(.23, 1, .32, 1);
}

.sidebar__buttton_n__text:hover {
  background-color: var(--main-2);
  color: #fff;
  font-weight: 700;
}

.sidebar__buttton_n__text.sidebar__button_n__text, .sidebar__buttton_n__text.selected {
  background-color: var(--main-2);
  color: var(--white-smoke);
  font-weight: 700;
}

.text-vh--xxsm {
  margin-bottom: 0;
  font-size: 1.3vh;
}

.text-vh--xxsm.text-fil-d-ariane {
  margin-left: 5px;
  margin-right: 5px;
}

.wrap-section {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: auto;
}

.section {
  background-color: #fff;
  width: 100%;
  height: 100%;
  font-size: 2.3vh;
  position: relative;
}

.section.section--hero, .section.secion--height-auto-sm {
  padding-top: 100px;
}

.section.section--hero--list {
  color: #fff;
  justify-content: flex-end;
  padding-top: 100px;
  display: flex;
}

.section.section--split, .section.section--home {
  padding-top: 100px;
}

.section.section--home.section--with-nav-bottom {
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-classique {
  background-color: #0000;
}

.sidebar__trigger {
  background-color: var(--main-2);
  color: var(--white-smoke);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto auto 15px -100%;
  box-shadow: 2px 2px 6px #3737376e;
}

.sidebar__close {
  background-color: var(--grey-light);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  display: flex;
}

.sidebar__close.remove-class {
  cursor: pointer;
  height: 40px;
}

.sidebar___n-2 {
  background-color: var(--white-smoke);
  border-bottom: 1px solid #2f1f3647;
  width: 100%;
  padding: 15px 7px 5px;
}

.sidebar__n-2__button {
  color: var(--main-2-dark);
  border-bottom: 1px solid #adadad4d;
  width: 100%;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.sidebar__n-2__button:hover {
  font-weight: 700;
}

.sidebar__n-2__button.selected {
  border-bottom-style: none;
  margin-bottom: 0;
}

.sidebar__n-2__button.last {
  border: 1px #000;
}

.sidebar__n-3 {
  border-bottom: 1px solid #adadad4d;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.sidebar__n-3__button {
  background-color: var(--grey-mdium);
  color: var(--black-light);
  border-radius: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 8px;
  text-decoration: none;
  transition: color .6s cubic-bezier(.23, 1, .32, 1), background-color .6s cubic-bezier(.23, 1, .32, 1);
}

.sidebar__n-3__button:hover {
  background-color: var(--main-2-medium);
  color: var(--white-smoke);
  font-weight: 400;
}

.sidebar__n-3__button.selected {
  background-color: var(--main-2);
  color: var(--white-smoke);
  border-bottom-style: none;
}

.header {
  z-index: 100;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0%;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.header.relative {
  justify-content: space-between;
  padding-right: 15px;
  position: fixed;
}

.header.relative.header--bg {
  background-color: #fff;
  height: 60px;
}

.header.relative.header--menu-2024 {
  position: absolute;
}

.burger {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0% 25px auto auto;
}

.burger.burger--no-desktop {
  display: none;
}

.burger.burger-home {
  height: auto;
  position: fixed;
  inset: 20px 20px auto auto;
}

.bar {
  background-color: #f8f5f5;
  width: 100%;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  position: relative;
}

.wrapper-fil-d-ariane {
  align-items: center;
  margin-left: 0;
  display: flex;
}

.menu {
  z-index: 100;
  background-color: var(--white-smoke);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% auto auto -100%;
}

.menu.open {
  left: 0%;
}

.tab {
  background-color: var(--main-2);
  align-items: flex-end;
  width: 100%;
  height: 12%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tab__item {
  color: var(--white-smoke);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-bottom: 5px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.tab__item:hover {
  font-weight: 700;
}

.tab__item.clicked {
  margin-right: 0;
  font-weight: 700;
  position: relative;
}

.text--vh--md {
  margin-bottom: 0;
  font-size: 2.4vh;
  position: relative;
}

.triangle {
  background-color: var(--main-2);
  width: 30px;
  height: 30px;
  position: relative;
  transform: rotate(45deg);
}

.wrap__triangle {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto auto 10px 0%;
}

.menu__content {
  width: 100%;
  height: 100%;
  padding: 3% 50px;
  position: absolute;
  inset: 12% auto auto -100%;
  overflow: auto;
}

.menu__content.open, .menu__content.tab-open {
  left: 0%;
}

.w10 {
  width: 10%;
}

.w40 {
  width: 40%;
}

.text-block {
  display: inline-block;
}

.w50 {
  width: 50%;
}

.w80 {
  width: 80%;
}

.div-block-6, .w100 {
  width: 100%;
}

.w70 {
  width: 70%;
}

.w20 {
  width: 20%;
}

.rectangle {
  color: #fff;
  background-color: #333;
  justify-content: center;
  align-items: center;
  width: 150px;
  padding: 33px;
  display: flex;
}

.rectangle.rectangle-no-width {
  width: 100%;
  height: 5px;
}

.w60 {
  width: 60%;
}

.w30 {
  width: 30%;
}

.w90 {
  width: 90%;
}

.mt_6vh {
  margin-top: 6vh;
}

.mb_8 {
  margin-bottom: 8px;
}

.mt_4vh {
  margin-top: 4vh;
}

.ml_100 {
  margin-left: 100px;
}

.mr_32 {
  margin-right: 32px;
}

.mr_8 {
  margin-right: 8px;
}

.mb_3vh {
  margin-bottom: 3vh;
}

.ml_4vw {
  margin-left: 4vw;
}

.mb_50 {
  margin-bottom: 50px;
}

.mt_24 {
  margin-top: 24px;
}

.ml_1vw {
  margin-left: 1vw;
}

.div-block-7 {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.mt_32 {
  margin-top: 32px;
}

.mt_1vh {
  margin-top: 1vh;
}

.mb_8vh {
  margin-bottom: 8vh;
}

.mb_4vh {
  margin-bottom: 4vh;
}

.mr_16 {
  margin-right: 16px;
}

.ml_8vw {
  margin-left: 8vw;
}

.ml_32 {
  margin-left: 32px;
}

.mt_8vh {
  margin-top: 8vh;
}

.mr_4 {
  margin-right: 4px;
}

.mt_3vh {
  margin-top: 3vh;
}

.mt_8 {
  margin-top: 8px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mb_4 {
  margin-bottom: 4px;
}

.ml_16 {
  margin-left: 16px;
}

.mt_100 {
  margin-top: 100px;
}

.mt_2vh {
  margin-top: 2vh;
}

.mb_32 {
  margin-bottom: 32px;
}

.ml_2vw {
  margin-left: 2vw;
}

.ml_3vw {
  margin-left: 3vw;
}

.ml_40 {
  margin-left: 40px;
}

.mt_4 {
  margin-top: 4px;
}

.ml_6vw {
  margin-left: 6vw;
}

.mr_50 {
  margin-right: 50px;
}

.mr_24 {
  margin-right: 24px;
}

.mb_16 {
  margin-bottom: 16px;
}

.mb_2vh {
  margin-bottom: 2vh;
}

.mb_100 {
  margin-bottom: 100px;
}

.ml_24 {
  margin-left: 24px;
}

.mb_6vh {
  margin-bottom: 6vh;
}

.mt_50 {
  margin-top: 50px;
}

.mt_16 {
  margin-top: 16px;
}

.ml_50 {
  margin-left: 50px;
}

.ml_4 {
  margin-left: 4px;
}

.carre {
  width: 50px;
  height: 50px;
}

.errase {
  padding: 33px;
}

.errase.errase--h {
  padding-top: 120px;
  display: flex;
}

.mr_40 {
  margin-right: 40px;
}

.mb_24 {
  margin-bottom: 24px;
}

.mt_40 {
  margin-top: 40px;
}

.mr_100 {
  margin-right: 100px;
}

.mb_1vh {
  margin-bottom: 1vh;
}

.ml_8 {
  margin-left: 8px;
}

.vcc {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hcc {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hlc {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hlt {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vtl--md {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hcc--wrap {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrap-card {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.wrap-card.wra-card-center {
  justify-content: center;
}

.wrap-card.wrap-card--step {
  flex-wrap: nowrap;
  padding-top: 0;
  overflow: visible;
}

.wrap-card.wrap-card--references {
  margin-top: 170px;
  padding-bottom: 95px;
}

.wrap-card.wrap-card--auto {
  flex-wrap: nowrap;
}

.card-1 {
  align-items: flex-end;
  width: 32%;
  height: 35%;
  margin-bottom: 3vh;
  display: flex;
  position: relative;
}

.wrap-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.wrap-bg.wrap-bg--white {
  background-color: #fff;
}

.wrap-bg.wrap-bg--white.wrap-bg-step {
  padding-top: 100px;
}

.bg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  inset: 0% auto auto 0%;
}

.bg.milestones-1 {
  background-image: url('../images/our-milestone-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.bg__qui-sommes-nous__img2 {
  background-image: url('../images/qui-sommes-nous__ilg2.jpg');
  background-position: 30%;
  background-size: cover;
}

.bg.bg--grey-light {
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
}

.bg.bg-home-1 {
  z-index: 1;
  background-image: url('../images/home-1-2023.jpg');
  background-position: 40%;
  background-size: cover;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
}

.bg.bg-home-2 {
  z-index: 1000;
  background-image: url('../images/home-2-b.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.bg.milestones-2 {
  background-image: url('../images/our-milestone-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.milestones-3 {
  background-image: url('../images/our-milestone-3.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.milestones-4 {
  background-image: url('../images/our-milestone-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.milestones-5 {
  background-image: url('../images/our-milestone-5.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.milestones-6 {
  background-image: linear-gradient(#00000057, #00000057), url('../images/our-milestone-6.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.milestones-7 {
  background-image: linear-gradient(#0006, #0006), url('../images/our-milestone-7.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.bg.milestones-8 {
  background-image: url('../images/our-milestone-8.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.milestones-9 {
  background-image: linear-gradient(#0006, #0006), url('../images/our-milestone-9.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.bg.lifestyle-1 {
  background-image: url('../images/lifestyle-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.lifestyle-2 {
  background-image: url('../images/lifestyle-2.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.bg.key-figure {
  background-image: url('../images/key.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.bg._3-pillars-1 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/3-pillars-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.germany-2 {
  background-image: url('../images/germany-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg._3-pillars-3 {
  background-image: url('../images/3-pillars-3.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.brand-philosophy {
  background-image: linear-gradient(#00000040, #00000040), url('../images/Brand-Philosophy-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.eruope {
  background-image: url('../images/europe.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.austria {
  background-image: linear-gradient(#112a4085, #112a4085), url('../images/germany-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.france-1 {
  background-image: url('../images/fr.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.france-2 {
  background-image: url('../images/france-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.asia {
  background-image: url('../images/asia.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.china-1 {
  background-image: url('../images/china-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.china-2 {
  background-image: url('../images/china-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.philipines {
  background-image: url('../images/philipines.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  inset: 0% 0% auto auto;
}

.bg.south-africa {
  background-image: url('../images/south-africa.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.egypt {
  background-image: url('../images/egypt.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.morocco {
  background-image: url('../images/morocco.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.we-wax-the-world {
  background-image: url('../images/wax.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.middle-east {
  background-image: url('../images/middle-east.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.jordan {
  background-image: url('../images/jordan.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.israel {
  background-image: url('../images/israel.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.usa {
  background-image: url('../images/usa.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.canada {
  background-image: url('../images/canda.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.argentina {
  background-image: url('../images/argentina.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.mexico {
  background-image: url('../images/mexico.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.pacific {
  background-image: url('../images/pacific.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.pacific-2 {
  background-image: url('../images/pacific-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.iran {
  background-image: url('../images/iran.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.comitments-1 {
  background-image: url('../images/comitments-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.comitments-2 {
  background-image: url('../images/comitments-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.step {
  background-image: url('../images/eco.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  position: relative;
  inset: 0% auto auto 0%;
}

.bg.mid-long-1 {
  background-image: url('../images/mid-long-terms.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.mid-long-2 {
  background-image: url('../images/mid-long-terms-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.mid-long-3 {
  background-image: url('../images/mid-long-terms-3.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.convention-1 {
  background-image: url('../images/convention-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.convention-2 {
  background-image: url('../images/climat-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.bg-austria-solo {
  background-image: linear-gradient(#112a4085, #112a4085), url('../images/austria-bg-new.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.austria-2 {
  background-image: url('../images/austria-bg-new.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.allemangne {
  background-image: linear-gradient(#112a4085, #112a4085), url('../images/germany-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.bg-uk {
  background-image: url('../images/uk.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.poland-2 {
  background-image: url('../images/poland.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.austrlia-1 {
  background-image: url('../images/pacific.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.australia-2 {
  background-image: url('../images/australia.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.men-ready-1 {
  background-image: url('../images/ready-to-wear-1.jpg');
  background-position: 0%;
  background-size: cover;
}

.bg.men-ready-2 {
  background-image: url('../images/ready-to-wear-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.men-ready-3 {
  background-image: linear-gradient(#00000052, #00000052), url('../images/ready-to-wear-3.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.bg.techno-1 {
  background-image: url('../images/techno-1.jpg');
  background-position: 0%;
  background-size: cover;
}

.bg.techno-2 {
  background-image: linear-gradient(#0003, #0003), url('../images/techno-7.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
}

.bg.techno-3 {
  background-image: linear-gradient(#00000017, #00000017), url('../images/techno-3.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.bg.accesories {
  background-image: url('../images/accessories-v2.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50%;
  margin-top: 75px;
}

.bg.leather {
  background-image: url('../images/leather.jpg');
  background-position: 0%;
  background-size: cover;
}

.bg.women-ready-1 {
  background-image: url('../images/women-ready-1_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.women-lingerie {
  background-image: url('../images/woman-lingerie.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.home {
  background-image: url('../images/home.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.hotel {
  background-image: url('../images/hotel-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.hotel-2 {
  background-image: url('../images/hotel-2.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.bg.catering-1 {
  background-image: url('../images/catering-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.catering-2 {
  background-image: url('../images/catering-2.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.bg.catering-3 {
  background-image: url('../images/catering-3.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.bg.automobile {
  background-image: url('../images/automobile.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.bg.host {
  background-image: url('../images/host.jpg');
  background-position: 100% 100%;
  background-size: cover;
  background-attachment: fixed;
}

.bg.sports {
  background-image: url('../images/sports.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.bg.tourism-1 {
  background-image: url('../images/bg-pad.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.bg.tourism-2 {
  background-image: url('../images/tourism-2.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.bg.psg {
  background-image: url('../images/psg.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.bg.stade-francais {
  background-image: url('../images/stade-fr.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.bg.fft {
  background-image: url('../images/fft.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.bg.marketing {
  background-image: linear-gradient(#00000080, #00000080), url('../images/marketing.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
}

.bg.style {
  background-image: url('../images/style.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.bg.marketing-2 {
  background-image: url('../images/market.jpg');
  background-position: 0%;
  background-size: cover;
}

.bg.marketing-3 {
  background-image: url('../images/amrket3.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.bg.license {
  background-image: url('../images/license.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.instock {
  background-image: url('../images/instock.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.public-market {
  background-image: url('../images/bg-public-2024.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.bg.around-world-1 {
  background-image: url('../images/around-world-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.bg-uk-2 {
  background-image: url('../images/uk.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg._3-pillar-2 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/3-pillars-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.indonesia {
  background-image: url('../images/bg-indonesia.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.singapour {
  background-image: url('../images/singapour.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.south-korea {
  background-image: url('../images/south-korea.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.benelux {
  background-image: url('../images/benelux.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.finland {
  background-image: url('../images/finland.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.greece {
  background-image: url('../images/greece.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.poland {
  background-image: url('../images/poland_1.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.kasakstan {
  background-image: url('../images/kasakstan.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.russia {
  background-image: url('../images/russia.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.bg-positionnement {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
}

.bg.bg-positionement-p3 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/bg-comp-3.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.our-brand-hechter-paris-1 {
  background-color: #c2c2c2;
  background-image: url('../images/merch.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.bg-versatility {
  background-image: url('../images/versatility-v2.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-2 {
  background-color: #fff;
  background-image: none;
}

.bg.sharpness {
  background-image: url('../images/sharpness-v2.jpg');
  background-size: cover;
}

.bg.bg-timeless {
  background-image: url('../images/timeless-v2.jpg');
  background-position: 50%;
}

.bg.bg-performance {
  background-image: url('../images/performance.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-versatility {
  background-color: #c2c2c2;
  background-image: url('../images/versatility-popup-1-v2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-sharpness {
  background-color: #c2c2c2;
  background-image: url('../images/sharpness-popup-1-v2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-timeless {
  background-color: #c2c2c2;
  background-image: url('../images/timeless-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-performance {
  background-color: #c2c2c2;
  background-image: url('../images/performance-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.bg-joyfull {
  background-image: url('../images/joyfull-v2.jpg');
  background-size: cover;
}

.bg.confident {
  background-image: url('../images/confident-v2.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.bg-inmotion {
  background-image: url('../images/in-motion-v2.jpg');
  background-position: 50% 10%;
  background-size: cover;
}

.bg.bg-effortless {
  background-image: url('../images/effortless-v2.jpg');
  background-position: 50% 10%;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-joyfull {
  background-color: #c2c2c2;
  background-image: url('../images/joyfull-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-confident {
  background-color: #c2c2c2;
  background-image: url('../images/confident-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-in-moion {
  background-color: #c2c2c2;
  background-image: url('../images/inmotion-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-efortless {
  background-color: #c2c2c2;
  background-image: url('../images/effortless-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.milestones-10 {
  background-image: linear-gradient(88deg, #0000 14%, #141414ad 74%), url('../images/2023.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.bg.bg--card {
  object-fit: cover;
  background-image: none;
  max-width: none;
}

.bg.bg--card.bg-card--left {
  object-position: 0% 50%;
}

.bg.bg--card.bg--card--lingerie {
  object-position: 75% 25%;
}

.bg.bg--card.card-ingo {
  object-position: 0% 50%;
}

.bg.bg--card.card-menswear {
  object-position: 100% 50%;
}

.bg.bg--card.card-womenswear {
  object-position: 50% 50%;
}

.bg.bg--card.card-writting {
  object-position: 50% 0%;
}

.bg.bg--card.card-writting.card-writting-2 {
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  top: 0%;
}

.bg.bg--card.bg-card--country {
  background-color: var(--light-grey-new);
}

.bg.bg--card.bg-card--dh {
  object-fit: contain;
  background-color: #fff;
  padding: 72px;
}

.bg.bg--card.bg-keyfigure {
  object-position: 0% 0%;
}

.bg.bg--card.bg-pos {
  object-position: 50% 50%;
}

.bg.bg--card.bg-shoes, .bg.bg--card.bg--card--rugby {
  object-position: 50% 100%;
}

.bg.bg--card.bg-campaign-pic {
  object-position: 0% 50%;
}

.bg.bg--card.bg-story, .bg.bg--card.bg-card-top {
  transform-origin: 50% 0;
  object-position: 50% 0%;
}

.bg.bg--card.bg--card--sport {
  object-position: 50% 50%;
}

.bg.bg--card.bg-card--country-2 {
  background-color: var(--light-grey-new);
  object-fit: fill;
}

.bg.hechtertogether-1 {
  background-color: #c2c2c2;
  background-image: url('../images/hechtertogether-2024.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.hechtertogether-2 {
  background-color: #c2c2c2;
  background-image: url('../images/bg-hechtertogether-3-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.bg-ingo {
  background-color: #c2c2c2;
  background-image: url('../images/ingo-3.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.dh1 {
  background-color: #c2c2c2;
  background-image: url('../images/dh-2024.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.dh2 {
  background-color: #c2c2c2;
  background-image: url('../images/dh-2024-2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.menswear {
  background-color: #c2c2c2;
  background-image: url('../images/bg-menswear.jpg');
  background-position: 75% 0;
  background-size: cover;
}

.bg.womenswear {
  background-color: #c2c2c2;
  background-image: url('../images/womanswear-07-24-1_1.jpg');
  background-position: 75%;
  background-size: cover;
}

.bg.eyewear {
  background-color: #c2c2c2;
  background-image: url('../images/eyewear.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.shoes {
  background-color: #c2c2c2;
  background-image: url('../images/SHOES.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.leathergoods {
  background-color: #c2c2c2;
  background-image: url('../images/leather-07-24-1.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.lingerie {
  background-color: #c2c2c2;
  background-image: url('../images/lingerie-07-2027-1.jpg');
  background-position: 0%;
  background-size: cover;
}

.bg.writting {
  background-color: #c2c2c2;
  background-image: url('../images/WRITTING-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.bg-bed {
  background-image: url('../images/bedlinine-xl.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.bg-home-furniture {
  background-image: url('../images/home-furniture-2024.jpg');
  background-position: 0%;
  background-size: cover;
}

.bg.bg-map {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
}

.bg.showroom-paris {
  background-color: #c2c2c2;
  background-image: url('../images/showroom-paris.jpg');
  background-position: 0 0;
  background-size: auto;
}

.bg.showroom-dusseldorf {
  background-color: #c2c2c2;
  background-image: url('../images/showroom-dusseldorf.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.pos-china {
  background-color: #c2c2c2;
  background-image: url('../images/china.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.bg-best-pos {
  background-image: url('../images/pos-2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.concept-bg {
  background-color: #c2c2c2;
  background-image: url('../images/concept.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.mediapln {
  background-image: linear-gradient(#00000080, #00000080), url('../images/dh-2.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
}

.bg.insta {
  background-image: linear-gradient(#00000080, #00000080), url('../images/insta-bg.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
}

.bg.social {
  background-image: linear-gradient(#000000eb, #000000eb), url('../images/social.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
}

.bg.rugby-2024 {
  background-color: #c2c2c2;
  background-image: url('../images/rugby-2024.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.boxe-2024 {
  background-color: #c2c2c2;
  background-image: url('../images/boxe-2024.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.rugby-handall {
  background-color: #c2c2c2;
  background-image: url('../images/handball-xl.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.hechtertogether-3 {
  background-color: #c2c2c2;
  background-image: url('../images/bg-hechtertogether-3-1.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.bg-blue {
  background-color: var(--main-1);
  background-image: none;
}

.bg.bg--white {
  background-color: var(--white-smoke);
  background-image: none;
}

.bg.our-brand-hechter-paris-popup-sharpness-copy {
  background-color: #c2c2c2;
  background-image: url('../images/sharpness-popup-1-v2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-timelss-2 {
  background-color: #c2c2c2;
  background-image: url('../images/timeless-popup-1-v3.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-perf-v2 {
  background-color: #c2c2c2;
  background-image: url('../images/performance-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-joyfull-v2 {
  background-color: #c2c2c2;
  background-image: url('../images/joyfull-popup-1-v2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-confident-v2 {
  background-color: #c2c2c2;
  background-image: url('../images/confident-popup-1-v2.jpg');
  background-position: 0%;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-in-motion-v2 {
  background-color: #c2c2c2;
  background-image: url('../images/inmotion-popup-1-v2.jpg');
  background-position: 0%;
  background-size: cover;
}

.bg.our-brand-hechter-paris-popup-effortless-v2 {
  background-color: #c2c2c2;
  background-image: url('../images/effortless-popup-1-v2.jpg');
  background-position: 0%;
  background-size: cover;
}

.bg.mp {
  background-color: #c2c2c2;
  background-image: linear-gradient(#0000009e, #0000009e), url('../images/media-plan-neutral.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.smfi {
  background-color: #c2c2c2;
  background-image: linear-gradient(#000000a1, #000000a1), url('../images/social-neutral.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.pressrelease {
  background-color: #c2c2c2;
  background-image: linear-gradient(#000000a1, #000000a1), url('../images/card-press-kit.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.bg.our-brand-hechter-paris-1-1 {
  background-color: #c2c2c2;
  background-image: url('../images/bg-brand.jpg');
  background-position: 100%;
  background-size: cover;
}

.bg.womenswear-2 {
  background-color: #c2c2c2;
  background-image: url('../images/womanswear-07-24-1.jpg');
  background-position: 75%;
  background-size: cover;
}

.bg.childwear {
  background-color: #c2c2c2;
  background-image: url('../images/kid-2024-v2.jpg');
  background-position: 75%;
  background-size: cover;
}

.bg.golf {
  background-color: #c2c2c2;
  background-image: url('../images/golf-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg.underwear {
  background-color: #c2c2c2;
  background-image: url('../images/underwear-bg-v2.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.card-1__text {
  background-color: var(--black-light);
  color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.close {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto 40px 0% auto;
}

.close.remove-class {
  cursor: pointer;
  cursor: pointer;
}

.close.remove-class.close--settings {
  inset: 0% 0% auto auto;
}

.section__content--hlc {
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 49px;
  display: flex;
  position: relative;
}

.section__content--hlc.space-between {
  justify-content: space-between;
}

.alert {
  z-index: 1000;
  background-color: #1a171bf2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto auto -100%;
}

.alert.open {
  left: 100%;
}

.alert__window {
  text-align: center;
  background-color: #eee;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  padding: 37px 64px;
  display: flex;
  position: relative;
}

.alert__text {
  font-size: 16px;
  line-height: 26px;
}

.alert__close.remove-class {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 18px;
  display: flex;
  position: absolute;
  inset: 0 0 auto auto;
}

.text {
  margin-bottom: 0;
  font-size: 2vh;
  line-height: 1.5;
}

.text.underline {
  text-decoration: underline;
}

.text.cap.bold.mt_16 {
  margin-top: 0;
}

.text.text--main {
  font-family: Raleway v12, sans-serif;
  font-weight: 500;
}

.text.text--plus-abs {
  font-size: 27px;
  font-weight: 300;
  position: absolute;
  inset: -5px 7px auto auto;
}

.text.bold.text-tab {
  font-size: 14px;
}

.section__content__img {
  width: 30%;
  height: 100%;
  margin-right: 6%;
  position: relative;
}

.section__content__img.content__img-lg {
  width: 45%;
}

.section__content__img.content__img-50 {
  flex: none;
  width: 50%;
  margin-right: 0%;
}

.section__content__txt {
  width: 50%;
  height: 100%;
  position: relative;
}

.section__content__txt.section__content__txt--lg {
  width: 65%;
}

.section__content__txt.section__content__txt--50 {
  flex-direction: column;
  flex: none;
  width: 50%;
  padding-left: 4vw;
  display: flex;
}

.section__content__txt.content__text--vcl {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.content__title {
  background-color: #fff;
  margin-top: 5vh;
  margin-left: -28%;
  padding: 2vw 4vw;
}

.content__title.content__title--lg {
  padding-top: 6vw;
  padding-bottom: 6vw;
}

.big-number {
  letter-spacing: 8px;
  margin-bottom: 0;
  font-family: Opensans, sans-serif;
  font-size: 9vh;
  font-weight: 900;
  line-height: 1.2;
}

.item-number {
  width: 43%;
  margin-bottom: 5vh;
  margin-right: 2.5vw;
}

.item-number.item-number__30 {
  width: 28%;
}

.lg-number {
  margin-bottom: 0;
  font-size: 6vh;
  font-weight: 900;
}

.lg-number.mt_2vh {
  line-height: 1.2;
}

.hlt--wrap {
  text-align: left;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.trait-1 {
  background-color: var(--main-1);
  width: 55px;
  height: 1px;
}

.vtl {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.item__number__wrap {
  text-align: left;
  flex-flow: wrap;
  place-content: center flex-start;
  align-items: flex-start;
  margin-top: 4vh;
  display: flex;
}

.item__number__wrap.item__number--lg {
  margin-left: 12%;
}

.section__content--vcc {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 49px;
  display: flex;
  position: relative;
}

.square-25vh {
  background-color: #fff;
  width: 25vh;
  height: 25vh;
  margin-bottom: 1vh;
  margin-left: 1vw;
  margin-right: 1vw;
}

.section__content--vcl {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 49px;
  display: flex;
  position: relative;
}

.section__content--vcl.content__hero-list {
  width: 75%;
}

.wrap-list {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.list__item {
  flex-direction: row;
  align-items: flex-start;
  width: 95%;
  margin-bottom: 2vh;
  margin-right: 1.5vw;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.sm-number {
  margin-bottom: 0;
  font-size: 3vh;
  font-weight: 700;
}

.trait-2 {
  background-color: #fff;
  width: 45px;
  height: 1px;
  margin-top: 19px;
  margin-left: .5vw;
  margin-right: .5vw;
}

.plus-exposant {
  color: var(--main-2);
  position: absolute;
  inset: -5px -15px auto auto;
}

.litst__item__text {
  position: relative;
}

.txt--main-2--dark {
  color: var(--main-2-dark);
}

.popup {
  z-index: 1000;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto -100%;
}

.popup.open {
  flex-direction: column;
  display: flex;
  left: 0%;
}

.popup_header {
  justify-content: space-between;
  width: 100%;
  height: 80px;
  display: flex;
  position: absolute;
}

.popup_header.relative {
  position: relative;
}

.popup__header__nav {
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding-left: 50px;
  display: flex;
}

.popup__header__nav.popup__header__nav__spacebetween {
  justify-content: space-between;
  width: 100%;
}

.popup__nav__button {
  color: var(--black-medium);
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 1.5vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.popup__close {
  background-color: var(--main-1);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: relative;
  inset: auto 0 0% auto;
}

.popup__content {
  width: 100%;
  height: 100%;
  padding-top: 80px;
}

.text--main-1 {
  color: var(--main-1);
}

.section__content--vtc {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 120px 49px 49px;
  display: flex;
  position: relative;
}

.section__content--vtl {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 100px 49px 49px;
  display: flex;
  position: relative;
}

.card--30 {
  text-align: left;
  cursor: pointer;
  width: 32%;
  height: 100%;
}

.card__img {
  width: 100%;
  height: 75%;
}

.img--cover {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.link--text-arrow {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.triangle-horizontal {
  margin-top: -16px;
  margin-left: 5px;
}

.card--50 {
  text-align: left;
  cursor: pointer;
  width: 48%;
  height: 100%;
}

.card--step {
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75%;
  padding: 9px 42px;
  display: flex;
  box-shadow: 3px 3px 7px 8px #3332320d;
}

.step__line {
  border-bottom: 8px dotted var(--main-2);
  width: 10%;
  height: 1px;
}

.height-100--overflow-auto {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  height: 100%;
  display: flex;
  overflow: auto;
}

.section__references {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 100px 49px 0;
  display: flex;
  position: relative;
}

.references-header {
  z-index: 2;
  background-color: #fff;
  width: 100%;
  height: 160px;
  padding-bottom: 4vh;
  padding-left: 50px;
  padding-right: 50px;
  position: absolute;
  inset: 100px auto auto 0%;
}

.references-titre {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.filtre-1 {
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex;
}

.fitlre-1--img {
  width: 60px;
  height: 60px;
}

.trait-h-1 {
  border-right: 1px solid var(--main-1);
  width: 1px;
  height: 100%;
  margin-left: 15px;
  margin-right: 15px;
}

.filtre {
  align-items: center;
  margin-top: 25px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.filtre-checkbox {
  border: 1px solid #54545442;
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  padding: 1px;
  display: flex;
}

.cercle {
  background-color: var(--main-1-lighter);
  border: 1px solid #54545442;
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.filtre-item {
  cursor: pointer;
  align-items: center;
  margin-right: 25px;
  display: flex;
}

.carre--references {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 15vw;
  height: 15vw;
  margin-bottom: 20px;
  padding: 15px;
  display: flex;
}

.logo-img {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 6%;
  min-width: 166px;
  height: 100%;
  padding-top: 19px;
  padding-bottom: 19px;
  display: flex;
}

.logo-img.tampon-left {
  justify-content: flex-start;
}

.logo-img.logo-img--bg {
  min-width: 179px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.img-contain {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
}

.section__content--hrc {
  text-align: right;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 49px;
  display: flex;
  position: relative;
}

.section__content--hrc.bottom {
  align-items: flex-end;
  padding-bottom: 253px;
}

.section__content--hrc.bottom.bottom-fr-press {
  align-items: center;
  padding-bottom: 94px;
}

.section__content--hrc.more-bottom {
  align-items: flex-end;
  padding-bottom: 87px;
}

.section__content--hrc.section-world-map {
  background-color: #0000;
}

.section__content--hrc.bottom-bottomer {
  align-items: flex-end;
  padding-bottom: 131px;
}

.section__content--hrc.section-vert {
  flex-direction: column;
}

.h1-vh--hero {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.1;
}

.section__content--vrc {
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 49px;
  display: flex;
  position: relative;
}

.h1--hero {
  font-size: 80px;
  line-height: 1.1;
  position: relative;
}

.nav-home {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.nav-home__button {
  background-color: var(--main-2);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.bg-main-1 {
  background-color: var(--main-1);
}

.text--main-2 {
  color: var(--main-2);
}

.section__content--hcc {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: flex;
}

.hero_split__item {
  cursor: pointer;
  background-color: #131e29;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 47px 47px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero_split__item.home-2 {
  background-color: #1c2631;
  padding-top: 0;
}

.hero_split__item__text {
  color: var(--white-smoke);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 2vh 2vw;
  display: flex;
  position: relative;
}

.h2-vh {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.h2-vh.paddingl-50.mb_2vh {
  margin-bottom: 2vh;
}

.split__text__title {
  color: #fff;
  border: 10px #ffffff1f;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.arrow-big {
  flex: none;
  width: 30px;
  margin-top: 11px;
  margin-right: 20px;
}

.h5--vh {
  font-size: 4vh;
  font-style: italic;
  font-weight: 300;
  line-height: 1.2;
}

.logo {
  object-fit: contain;
  width: 100px;
  max-width: none;
  height: 100%;
}

.logo.logo-blue {
  width: 150px;
  display: none;
}

.logo.logo-white {
  width: 150px;
  display: block;
}

.line-selected {
  background-color: var(--main-1);
  width: 100%;
  height: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.card-2 {
  align-items: flex-end;
  width: 28%;
  height: 45%;
  margin-bottom: 16px;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  position: relative;
}

.card-2__text {
  background-color: var(--main-1);
  color: var(--white-smoke);
  width: auto;
  padding: 20px 2vw;
  position: relative;
}

.button-back {
  background-color: var(--main-1-dark);
  color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  padding: 9px 36px;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.arrow-back {
  margin-right: 5px;
}

.nav-bottom {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-bottom: 0;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.nav-buttom__wrap-button {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-bottom__button {
  z-index: 2;
  background-color: var(--white-smoke);
  color: var(--black-2);
  text-transform: uppercase;
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 54px;
  margin: 10px 1px;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 16px;
  font-weight: 700;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
}

.nav-bottom__button:hover {
  background-color: var(--main-1);
  color: #fff;
  padding-left: 39px;
  padding-right: 39px;
  box-shadow: -1px 2px 3px #1a171b54;
}

.nav-bottom__button.current {
  background-color: var(--main-1);
  color: var(--white-smoke);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
}

.section--with-nav-bottom {
  padding-bottom: 10vh;
}

.wave {
  z-index: 0;
  background-color: #98cbed9e;
  border-radius: 50%;
  flex: none;
  width: 0;
  height: 0;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.trait-3 {
  border-bottom: 6px dotted var(--grey-mdium);
  background-color: #fff;
  width: 50px;
  height: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.nav-bottom__wrap-txt {
  color: var(--black-light);
  text-align: center;
  padding-top: 8px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 100% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%);
}

.nav-bottom__txt {
  margin-top: -30px;
  margin-bottom: 0;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  position: relative;
}

.bloc-text {
  color: var(--white-smoke);
  background-color: #273a47db;
  flex-direction: column;
  align-items: flex-start;
  width: 32%;
  height: 100%;
  margin-right: 1%;
  padding-top: 4%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.bloc-text.block-text--img {
  justify-content: flex-end;
  padding-top: 0%;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
}

.list-num-wrap {
  align-items: flex-start;
  margin-bottom: 7.5%;
  display: flex;
}

.list__num {
  background-color: var(--main-1);
  color: var(--white-smoke);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4vh;
  height: 4vh;
  margin-right: 15px;
  font-size: 1.6vh;
  font-weight: 700;
  display: flex;
}

.padding-fil-d-ariane {
  padding-top: 100px;
}

.heading {
  position: relative;
}

.paddingl-50 {
  padding-left: 50px;
}

.list {
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.check {
  width: 25px;
  margin-top: 4px;
  margin-right: 12px;
}

.div-block-9 {
  width: 50px;
  height: 50px;
}

.bg-main {
  background-color: var(--main-1);
}

.bg-main-2 {
  background-color: var(--main-2);
}

.bloc-text__title {
  background-color: var(--main-1-dark);
  color: var(--white-smoke);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.italic {
  font-style: italic;
}

.text--main-1-light {
  color: var(--main1-light);
}

.relative {
  position: relative;
}

.relative.chiffre {
  font-family: Poppins, sans-serif;
  font-size: 15px;
}

.pointer {
  cursor: pointer;
}

.info-scroll {
  z-index: 10;
  color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto auto 12% 0%;
}

.img--scroll {
  margin-right: 29px;
}

.wrap-scroll-txt-img {
  text-align: left;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  display: flex;
}

.bg-transition-arrive {
  z-index: 10000;
  background-color: var(--main-1);
  width: 100%;
  height: 120vh;
  transition: all .6s cubic-bezier(.215, .61, .355, 1);
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.transition-leave {
  z-index: 1000000;
  background-color: var(--main-1);
  width: 100%;
  height: 100vh;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: block;
  position: fixed;
  inset: auto auto -120vh 0%;
}

.header--spacebetween {
  z-index: 100;
  justify-content: space-between;
  width: 100%;
  height: 80px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.header--spacebetween.relative {
  position: relative;
}

.header__logo {
  justify-content: flex-start;
  display: flex;
}

.header__nav {
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.header__nav.popup__header__nav__spacebetween {
  justify-content: space-between;
  width: 100%;
}

.popup__close--absolute {
  background-color: var(--main-1);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: relative;
  inset: auto 0 0% auto;
}

.popup__close--absolute.remove-all-class {
  position: absolute;
  inset: 0% 0% auto auto;
}

.card--auto {
  text-align: left;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-left: 17px;
  margin-right: 17px;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
}

.h6--vh {
  background-color: var(--main-1-darker);
  color: var(--white-smoke);
  text-transform: uppercase;
  padding: 8px 13px;
  font-size: 2.5vh;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  display: inline;
  position: relative;
}

.section__bloc-text-center {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 50px;
  display: flex;
}

.section--100vh {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: relative;
}

.section--100vh.section--hero, .section--100vh.secion--height-auto-sm {
  padding-top: 100px;
}

.section--100vh.section--hero--list {
  color: #fff;
  justify-content: flex-end;
  padding-top: 100px;
  display: flex;
}

.section--100vh.section--split {
  padding-top: 100px;
}

.text-huge-absolute {
  opacity: .07;
  width: 2000px;
  font-size: 350px;
  line-height: .8;
  position: absolute;
  inset: 0% auto auto 0%;
}

.popup--split {
  background-color: var(--main-1-darker);
  color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.popup--firstpart {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 100%;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: relative;
}

.popup--secondpart {
  color: var(--white-smoke);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 100%;
  padding-left: 58px;
  padding-right: 58px;
  display: flex;
}

.popup__firstpart__title {
  color: var(--main-1-lighter);
  width: 100%;
  padding-top: 39px;
  padding-bottom: 39px;
}

.divider {
  background-color: #f3f3f336;
  width: 100%;
  height: 1px;
}

.popup__bottom-text {
  align-items: flex-start;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.section__content--hrb {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 49px;
  display: flex;
  position: relative;
}

.section__content--hrb.space-between {
  justify-content: space-between;
}

.section__content--bloc {
  z-index: 1;
  color: var(--main-1);
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 42%;
  min-width: 580px;
  max-width: 600px;
  display: flex;
  position: relative;
}

.section__content--bloc.text-white {
  color: var(--white-smoke);
  min-width: 534px;
}

.section__content--bloc.text-white.center {
  text-align: center;
}

.section__content--bloc.text-white.wider {
  width: 60%;
  max-width: 750px;
}

.section__content--bloc.text-white.no-stretch {
  justify-content: center;
  align-items: flex-start;
}

.section__content--bloc.text-white.no-stretch.text-bleu {
  color: var(--main-1);
}

.section__content--bloc.section-white-bg {
  background-color: #f3f3f3e0;
  min-width: 580px;
  max-width: 650px;
  padding: 36px 56px;
}

.section__content--bloc.section-white-bg.margin {
  color: var(--main-1);
  width: 28%;
  min-width: 0%;
  max-width: none;
  margin-bottom: 15px;
  margin-left: 11px;
  margin-right: 11px;
}

.section__content--bloc.section-white-bg.margin.border-rond {
  border-radius: 50%;
}

.section__content--bloc.section-white-bg.margin-right {
  min-width: 0;
  max-width: 450px;
  margin-right: 12px;
}

.section__content--bloc.section-white-bg.section-agency {
  justify-content: flex-start;
  min-width: 0;
  max-width: 450px;
}

.section__content--bloc.section-white-bg.white-bg-full {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.section__content--bloc.section-white-bg.section-logo {
  background-color: #fff;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.section__content--bloc.section-white-bg.wider {
  width: 50%;
  max-width: 700px;
}

.section__content--bloc.section-white-bg.bloc-wider-for-german-word {
  width: 67%;
  max-width: none;
}

.section__content--bloc.full {
  color: #fff;
  flex-direction: row;
  width: 100%;
  max-width: none;
}

.section__content--bloc.section-white-bg-small-devices {
  background-color: #0000;
  padding: 0;
}

.section__content--bloc.section-white-bg-small-devices.margin {
  width: 28%;
  min-width: 0%;
  max-width: none;
  margin-bottom: 15px;
  margin-left: 11px;
  margin-right: 11px;
}

.section__content--bloc.section-white-bg-small-devices.margin-right {
  min-width: 0;
  max-width: 450px;
  margin-right: 12px;
}

.section__content--bloc.section-white-bg-small-devices.section-agency {
  justify-content: flex-start;
  min-width: 0;
  max-width: 450px;
}

.section__content--bloc.section-white-bg-small-devices.white-bg-full {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.section__content--bloc.section-white-bg-small-devices.section-logo {
  background-color: #fff;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.section__content--bloc.section-white-bg-small-devices.wider {
  width: 50%;
  max-width: 700px;
}

.section__content--bloc.text-white-small-device {
  min-width: 534px;
}

.section__content--bloc.text-white-small-device.center {
  text-align: center;
}

.section__content--bloc.text-white-small-device.wider {
  width: 60%;
  max-width: 750px;
}

.section__content--bloc.content-card-pdf {
  width: 100%;
  max-width: none;
  height: 450px;
}

.section__content--bloc.content--smal-popup {
  background-color: var(--white-smoke);
  text-align: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 27px 30px;
}

.section__content--bloc.section-bloc-popup {
  justify-content: center;
  height: 100%;
}

.bloc-white__content {
  width: 1%;
}

.nav-home-other-part {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.nav-home-other-part.tab {
  background-color: #0000;
}

.menu-link {
  color: var(--main-1);
  letter-spacing: 2px;
  text-transform: none;
  width: 96%;
  margin-top: .75vh;
  margin-left: 0%;
  padding-bottom: 7px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
}

.menu-link:hover {
  color: var(--main-1);
  border-bottom-width: 2px;
  width: 94%;
  margin-left: 6%;
  padding-bottom: 6px;
}

.menu-link.w--current {
  color: #425563;
  background-color: #a4bcc257;
  padding: 9px 7px;
  font-weight: 700;
}

.menu-link.menu-link--white {
  color: #a4bcc2;
  cursor: pointer;
}

.menu-link.menu-link--white.menu-link--selected {
  color: var(--a4bcc2);
  align-items: center;
  font-weight: 700;
  display: flex;
}

.menu-link.menu-link--white.menu-link--selected.remove-class {
  cursor: pointer;
}

.menu-link.menu-link--white.menu-link--n-1 {
  width: 100%;
  padding-left: 17px;
}

.menu-link.menu-link--white.menu-link--n-1:hover {
  color: var(--a4bcc2);
  width: 100%;
  margin-left: 0%;
  padding-bottom: 7px;
}

.hide {
  display: none;
}

.close-2 {
  z-index: 5;
  cursor: pointer;
  width: 35px;
  height: 35px;
  margin-top: 25px;
  margin-right: 25px;
  padding: 10px;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-2:hover {
  transform: rotate(360deg);
}

.close-2.remove-class {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.close-2.remove-class.close-popup-emebed {
  margin-top: 50%;
}

.content-menu {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
  padding-left: 79px;
  padding-right: 79px;
  display: flex;
}

.content-menu.content-menu--2 {
  background-color: var(--main-1);
}

.wrap-button-home-part-2-smart-device {
  display: none;
}

.link-bottom-overlay {
  color: #768692;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 79px;
  font-weight: 700;
  text-decoration: none;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.link-bottom-overlay:hover {
  color: #425563;
  background-color: #ffffffa1;
}

.link-bottom-overlay.tab-item {
  cursor: pointer;
}

.text-block-3 {
  font-weight: 100;
}

.menu-overlay {
  z-index: 1000;
  opacity: 0;
  background-color: #6cabbe;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .6s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  inset: 0% auto auto -100%;
}

.menu-overlay.open {
  background-color: var(--main-1);
  opacity: 1;
  transition: opacity .6s cubic-bezier(.23, 1, .32, 1);
  left: 0%;
}

.wrap-menu-sous-partie {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: none;
  display: flex;
}

.div-block-22 {
  z-index: 500;
  background-color: #4c4e4e85;
  width: auto;
  padding: 3px 18px;
  position: fixed;
  inset: 0% auto auto 0%;
}

.div-block-22.nav-language-2 {
  z-index: 1001;
  background-color: var(--main-1);
  width: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-22.nav-language-2.hide {
  display: none;
}

.div-block-22.nav-language-2.nav-language-2024 {
  inset: auto 0% 0% auto;
}

.separator-language {
  margin-left: 6px;
  margin-right: 6px;
}

.separator-language.hide {
  display: none;
  overflow: visible;
}

.menu-sous-partie {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 3%;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
}

.nav-language {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.menu-link-not-available {
  opacity: .41;
  color: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff24;
  width: 96%;
  margin-top: 1.5vh;
  margin-left: 4%;
  padding-bottom: 7px;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
}

.menu-link-not-available:hover {
  color: #425563;
  border-bottom-width: 2px;
  width: 94%;
  margin-left: 6%;
  padding-bottom: 6px;
}

.menu-link-not-available.w--current {
  color: #425563;
  border-bottom-width: 4px;
  padding-bottom: 4px;
  font-weight: 400;
}

.titre-partie-menu {
  text-transform: uppercase;
  margin-top: 15vh;
  margin-bottom: 10vh;
  font-size: 7vh;
}

.niveau-n {
  color: #a4bcc2;
  text-transform: uppercase;
  border-bottom: 1px solid #b3bbc0;
  width: 100%;
  margin-bottom: .5vh;
  padding-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.niveau-n.niveau-n-expertise {
  color: #d9e1e2;
}

.slider__window {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-arrow {
  z-index: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.slider-arrow.sliderarrow--left {
  inset: 0% 0% auto auto;
}

.arrow--left {
  transform: rotate(180deg);
}

.popup__content--slide {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8vh 6vw;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.wrapper-nav-dot {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.inside-section-home {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.div-block-23 {
  width: 100%;
  max-width: 550px;
  height: 100%;
  max-height: 65%;
  position: relative;
}

.h1--home {
  text-align: center;
  letter-spacing: 6px;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.4;
}

.h2-home {
  color: var(--a4bcc2);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 100%;
  margin-left: 0%;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  inset: auto 0% -50px auto;
}

.paragraph.bold.margin-top {
  margin-top: 10px;
  margin-bottom: 0;
}

.paragraph.bold.cap.no-margin-bottom {
  margin-bottom: 0;
}

.paragraph.bold.no-margin-bottom {
  margin-bottom: 0;
  margin-right: 23px;
}

.paragraph.no-margin {
  margin-bottom: 0;
}

.paragraph.p-popup {
  font-size: 45px;
}

.paragraph.p-popup.p-poup-smaller {
  font-size: 1.6vw;
}

.paragraph.btn-visit {
  background-color: var(--main-1);
  color: var(--white-smoke);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  padding: 12px 14px;
  display: block;
}

.paragraph.btn-visit:hover {
  background-color: var(--main1-light);
}

.max-width-content {
  justify-content: flex-end;
  width: 100%;
  max-width: 1440px;
  display: flex;
}

.max-width-content.right {
  justify-content: flex-start;
}

.max-width-content.center {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
}

.max-width-content.horizontal {
  flex-direction: column;
}

.max-width-content.content-for-graphique {
  justify-content: flex-start;
}

.max-width-content.content-with-card {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  position: relative;
}

.max-width-content.content-popup-inside.inside-popup-up-smaller {
  justify-content: center;
  align-items: center;
}

.max-width-content.content--left {
  justify-content: flex-start;
}

.back {
  z-index: 101;
  background-color: var(--black-2);
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 17px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  position: fixed;
  inset: 20px 50px auto auto;
}

.back.remove-class.back-absolute {
  position: absolute;
}

.paragraph-2 {
  opacity: 1;
  margin-bottom: 0;
}

.li {
  margin-bottom: 11px;
}

.text-column-wrap {
  display: flex;
}

.col {
  width: 50%;
  margin-right: 48px;
}

.title-logo {
  justify-content: space-between;
  display: flex;
}

.logo-amfori {
  height: 50px;
}

.logo-climat {
  max-width: none;
  height: 60px;
  margin-bottom: 17px;
  display: block;
}

.img-small-device {
  display: none;
}

.logo-social {
  align-items: center;
  display: flex;
}

.link-social-img {
  margin-right: 16px;
}

.h-menu {
  color: var(--main-1);
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 3vh;
  font-size: 9vh;
  font-weight: 800;
  line-height: 1.3;
}

.h-menu.text--main {
  color: var(--main-1);
  margin-bottom: 3vh;
  font-size: 4vh;
}

.h-menu.text--main-dark {
  color: var(--black-2);
  margin-bottom: 3vh;
  font-size: 4vh;
}

.h-menu.text--white {
  color: #fff;
}

.menu__content {
  padding: 0;
  transition: left .6s cubic-bezier(.23, 1, .32, 1);
  top: 0%;
  left: -100%;
}

.image {
  width: 10px;
  margin-right: 7px;
}

.wrap-menu-link {
  width: 100%;
  position: relative;
}

.wrap-n-1 {
  z-index: 1;
  background-color: var(--main-1);
  width: 0%;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.wrap-n-1.niveau-n-1 {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
}

.arroaw-back {
  width: 10px;
  margin-right: 7px;
  transform: rotate(180deg);
}

.bg-video-custom {
  z-index: 0;
  opacity: 1;
  background-color: #121f2a;
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.bg-video-2 {
  z-index: -1;
  background-image: linear-gradient(#fff, #fff), url('../images/home_1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.bg-video-2.bg-video-home {
  opacity: 1;
  background-image: linear-gradient(#fff, #fff);
}

.section-2 {
  width: 100%;
  height: 100vh;
  position: relative;
}

.section-2.scetion--home {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 70px;
  display: flex;
}

.logo-home {
  width: 200px;
  margin-top: 38px;
  margin-bottom: 69px;
  position: relative;
}

.h4--vh-2 {
  letter-spacing: 7px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  position: relative;
}

.h4--vh-2.h4-btn-selection {
  letter-spacing: 2px;
}

.h4--vh-2.plus {
  letter-spacing: 2px;
  margin-right: 10px;
  font-size: 25px;
}

.container-loho-home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 850px;
  height: 100%;
  display: flex;
  position: relative;
}

.nav-home__button-hover {
  background-color: #1f3548;
  width: 100%;
  height: 100%;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  inset: 100% auto auto 0%;
}

.accroche {
  text-shadow: 2px 2px 2px #000000b3;
}

.nav-home__button-2 {
  background-color: var(--main-1);
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 24px 49px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-home__button-2.install {
  background-color: var(--black-2);
}

.nav-home__button-2.install.btn-download {
  border-radius: 0;
  padding-left: 49px;
  padding-right: 49px;
  position: relative;
  right: 0;
}

.nav-home__button-2.nav-videos {
  border: 2px solid var(--main-1);
  background-color: #0000;
}

.nav-home__button-2.nav-videos:hover {
  background-color: var(--main-1);
  border-color: #2e506700;
}

.heading-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 85px;
  font-size: 36px;
  font-weight: 200;
  line-height: 1.4;
}

.html-embed {
  width: 100%;
  height: 100vh;
}

.html-embed.video-no-display {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.wrapper-map {
  width: 1440px;
  height: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
  position: relative;
}

.img-map {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
}

.wrapper-dot {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.dot {
  z-index: 1;
  cursor: pointer;
  background-color: #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: 40% auto auto 18%;
}

.dot.dot-europ {
  top: 33%;
  left: 47%;
}

.dot.dot-middle-east {
  top: 49%;
  left: 58%;
}

.dot.dot-asia {
  top: 47%;
  left: 72%;
}

.dot.dot-pacific {
  top: 74%;
  left: 82%;
}

.dot.dot-africa {
  top: 54%;
  left: 49%;
}

.dot.dot--europe {
  top: 12%;
  left: 4%;
}

.dot.dot--europe.hide {
  display: none;
}

.dot.dot--france {
  width: 40px;
  height: 40px;
  top: 63%;
  left: 30%;
}

.dot.dot--austria {
  width: 40px;
  height: 40px;
  top: 68%;
  left: 42%;
}

.dot.dot--germany {
  width: 40px;
  height: 40px;
  top: 58%;
  left: 38%;
}

.dot.dot--uk {
  width: 40px;
  height: 40px;
  top: 49%;
  left: 29%;
}

.dot.dot-benelux {
  width: 40px;
  height: 40px;
  top: 57%;
  left: 33.5%;
}

.dot.dot--finalnd {
  width: 40px;
  height: 40px;
  top: 28%;
  left: 51%;
}

.dot.dot--sweden {
  width: 40px;
  height: 40px;
  top: 37%;
  left: 43%;
}

.dot.dot--sweden.hide {
  display: none;
}

.dot.dot--denmark {
  width: 40px;
  height: 40px;
  top: 47%;
  left: 38.5%;
}

.dot.dot--denmark.hide {
  display: none;
}

.dot.dot--suisse {
  width: 40px;
  height: 40px;
  top: 68.5%;
  left: 36.5%;
}

.dot.dot--norway {
  width: 40px;
  height: 40px;
  top: 33%;
  left: 39%;
}

.dot.dot--norway.hide {
  display: none;
}

.dot.dot--greece {
  width: 40px;
  height: 40px;
  top: 89%;
  left: 50%;
}

.dot.dot--poland {
  width: 40px;
  height: 40px;
  top: 58%;
  left: 48.5%;
}

.dot.dot--hongrie {
  width: 40px;
  height: 40px;
  top: 69%;
  left: 47%;
}

.dot.dot--hongrie.hide {
  display: none;
}

.dot.dot--czech {
  width: 40px;
  height: 40px;
  top: 62%;
  left: 43%;
}

.dot.dot--slovaklia {
  width: 40px;
  height: 40px;
  top: 64%;
  left: 47%;
}

.dot.dot--slovaklia.hide {
  display: none;
}

.dot.dot--bellarus {
  width: 40px;
  height: 40px;
  top: 52%;
  left: 55%;
}

.dot.dot--moldavie {
  width: 40px;
  height: 40px;
  top: 66%;
  left: 55%;
}

.dot.dot--ukrain {
  width: 40px;
  height: 40px;
  top: 61%;
  left: 59%;
}

.dot.dot--russia {
  width: 40px;
  height: 40px;
  top: 35%;
  left: 65%;
}

.dot.dot--lithuania {
  width: 40px;
  height: 40px;
  top: 46%;
  left: 50%;
}

.dot.dot--lithuania.hide {
  display: none;
}

.dot.dot--kazakstan {
  width: 40px;
  height: 40px;
  top: 52%;
  left: 83%;
}

.dot.dot--georgia {
  width: 40px;
  height: 40px;
  top: 75%;
  left: 71%;
}

.dot.dot--canada {
  width: 40px;
  height: 40px;
  top: 15%;
  left: 45%;
}

.dot.dot--usa {
  width: 40px;
  height: 40px;
  top: 29%;
  left: 47%;
}

.dot.dot--mexique {
  width: 40px;
  height: 40px;
  top: 46%;
  left: 49%;
}

.dot.dot--argentine {
  width: 40px;
  height: 40px;
  top: 80%;
  left: 59%;
}

.dot.dot--mongolie {
  width: 40px;
  height: 40px;
  top: 18%;
  left: 57%;
}

.dot.dot--india {
  width: 40px;
  height: 40px;
  top: 58%;
  left: 44%;
}

.dot.dot--indonesie {
  width: 40px;
  height: 40px;
  top: 86%;
  left: 68%;
}

.dot.dot--cambodge {
  width: 40px;
  height: 40px;
  top: 71%;
  left: 62%;
}

.dot.dot--malaise {
  width: 40px;
  height: 40px;
  top: 78%;
  left: 60%;
}

.dot.dot--china {
  width: 40px;
  height: 40px;
  top: 43%;
  left: 65%;
}

.dot.dot--vietnam {
  width: 40px;
  height: 40px;
  top: 65%;
  left: 63.5%;
}

.dot.dot--thailand {
  width: 40px;
  height: 40px;
  top: 65.5%;
  left: 60.5%;
}

.dot.dot--south-korea {
  width: 40px;
  height: 40px;
  top: 33%;
  left: 74%;
}

.dot.dot--philipines {
  width: 40px;
  height: 40px;
  top: 64%;
  left: 71%;
}

.dot.dot--uae {
  width: 40px;
  height: 40px;
  top: 66%;
  left: 50%;
}

.dot.dot--jordanie {
  width: 40px;
  height: 40px;
  top: 43%;
  left: 24%;
}

.dot.dot--liban {
  width: 40px;
  height: 40px;
  top: 34%;
  left: 23.5%;
}

.dot.dot--arabie-saoudite {
  width: 40px;
  height: 40px;
  top: 63%;
  left: 33%;
}

.dot.dot--qatar {
  width: 40px;
  height: 40px;
  top: 59%;
  left: 45.5%;
}

.dot.dot--iran {
  width: 40px;
  height: 40px;
  top: 36%;
  left: 48%;
}

.dot.dot--israel {
  width: 40px;
  height: 40px;
  top: 42%;
  left: 21.5%;
}

.dot.dot--egypt {
  width: 40px;
  height: 40px;
  top: 13%;
  left: 56%;
}

.dot.dot--morocco {
  width: 40px;
  height: 40px;
  top: 5%;
  left: 32%;
}

.dot.dot--south-africa {
  width: 40px;
  height: 40px;
  top: 91%;
  left: 53%;
}

.dot.dot--boswana {
  width: 40px;
  height: 40px;
  top: 80%;
  left: 53%;
}

.dot.dot--namibia {
  width: 40px;
  height: 40px;
  top: 78%;
  left: 47%;
}

.dot.dot--kenya {
  width: 40px;
  height: 40px;
  top: 49%;
  left: 62%;
}

.dot.dot--australia {
  width: 40px;
  height: 40px;
  top: 48%;
  left: 38%;
}

.dot.dot--new-zeland {
  width: 40px;
  height: 40px;
  top: 88%;
  left: 73%;
}

.dot.dot--mali {
  width: 40px;
  height: 40px;
  top: 27%;
  left: 36%;
}

.dot.dot--irelande {
  width: 40px;
  height: 40px;
  top: 45%;
  left: 24%;
}

.dot.dot--espagne {
  width: 40px;
  height: 40px;
  top: 78%;
  left: 25%;
}

.dot.dot--italie {
  width: 40px;
  height: 40px;
  top: 77%;
  left: 39%;
}

.dot.dot--irak {
  width: 40px;
  height: 40px;
  top: 41%;
  left: 35%;
}

.dot.dot--latvia {
  width: 40px;
  height: 40px;
  top: 44%;
  left: 52%;
}

.dot.dot--albanie {
  width: 40px;
  height: 40px;
  top: 85%;
  left: 48%;
}

.dot.dot--roumanie {
  width: 40px;
  height: 40px;
  top: 69%;
  left: 53%;
}

.dot.dot--azerbaijan {
  width: 40px;
  height: 40px;
  top: 76%;
  left: 77%;
}

.dot.dot--ouzbekistan {
  width: 40px;
  height: 40px;
  top: 7%;
  left: 64%;
}

.dot.dot--palestine {
  width: 40px;
  height: 40px;
  top: 40%;
  left: 23%;
}

.dot--small {
  z-index: 1;
  background-color: #5ddcfc;
  border-radius: 50%;
  width: 35%;
  height: 35%;
  position: relative;
  inset: 0% auto auto 0%;
}

.dot-info {
  z-index: 3;
  color: #fff;
  text-align: center;
  width: 150px;
  height: auto;
  margin-left: -45px;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  inset: -23% auto auto 0%;
  transform: translate(0, 43px)scale(0);
}

.dot-info.open-hover {
  width: 150px;
  margin-left: -45px;
  top: -8%;
  transform: translate(0)scale(1);
}

.dot-info.dot-continent {
  width: 100%;
  margin-left: 0;
}

.dot-info.dot-continent.open-hover {
  top: -10%;
}

.popup-map {
  z-index: 102;
  background-color: var(--main-1-darker);
  width: 100%;
  height: 100%;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  position: fixed;
  inset: 0% auto auto -100%;
}

.popup-map.open, .popup-map.popup-map-open {
  background-color: var(--main-1);
  left: 0%;
}

.pos {
  color: var(--a4bcc2);
  text-transform: uppercase;
  margin-top: 27px;
  font-size: 14px;
}

.h-map {
  z-index: 0;
  opacity: .1;
  color: var(--white-smoke);
  letter-spacing: 8px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 18vw;
  font-weight: 800;
  display: none;
  position: absolute;
  inset: auto auto -4.4vw 0%;
}

.h-map.h-map-smaller {
  font-size: 14vw;
}

.wave-dot {
  background-color: #a4bcc22e;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: scale(0);
}

.dot--small-continent {
  z-index: 1;
  background-color: #5ddcfc;
  border-radius: 50%;
  width: 35%;
  height: 35%;
  position: relative;
  inset: 0% auto auto 0%;
}

.btn-download {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 9px 0 9px 18px;
  font-family: Raleway v12, sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: fixed;
  inset: auto 50px 0% auto;
}

.arrow-downlaod {
  width: 15px;
  margin-right: 12px;
}

.bd-loader-bottom {
  width: 100%;
  height: 4px;
  position: absolute;
  inset: auto auto -4px 0%;
  overflow: hidden;
}

.bd-bestdoc {
  color: #fff;
  font-size: 14px;
  position: absolute;
  inset: auto 15px 15px auto;
}

.bd-txt-downloading {
  line-height: 1.4;
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}

.bd-txt-downloading.bd-transparent {
  opacity: 0;
}

.bd-txt-downloading.bd-transparent.ok {
  z-index: 100000;
  opacity: 1;
  position: relative;
}

.bd-loader-bottom__particule {
  background-color: #ffcb05;
  width: 0%;
  height: 100%;
}

.bd-link-bestdoc {
  color: #fff;
  text-decoration: none;
}

.bd-downloading {
  z-index: 1000000;
  background-color: #2d2d2d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.bd-downloading.bd-downloading-hide {
  left: -100%;
}

.bd-btn-finish-installation {
  background-color: var(--a4bcc2);
  color: #fff;
  cursor: pointer;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100px;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 900;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.bd-btn-finish-installation:hover {
  background-color: #796382;
}

.popup-txt-downloading {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 650px;
  height: 350px;
  padding-left: 0;
  padding-right: 0;
  font-size: 25px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.bestdoc-black {
  font-weight: 900;
}

.bd-popup-finalize-installation {
  background-color: #ff4b00;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 56px;
  padding-right: 56px;
  font-size: 25px;
  font-weight: 400;
  transition: all .75s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bd-popup-finalize-installation.bd-hide {
  background-color: var(--black-2);
  display: flex;
  top: -100%;
}

.bd-last-text {
  color: #fff;
}

.bd-block-overflow {
  width: 100%;
  padding-left: 56px;
  padding-right: 56px;
  position: absolute;
  inset: 50% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.bd-block-overflow.ok {
  z-index: 10000;
}

.link-bestdoc {
  text-decoration: none;
}

.link-bestdoc.nosmartphone {
  z-index: 101;
  color: #545454;
  font-size: 14px;
  position: absolute;
  inset: auto auto 5px 5px;
}

.bestdoc {
  color: #fff;
  font-size: 12px;
}

.wrap-button {
  display: flex;
}

.fil-d-ariane {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 4px;
  padding-right: 49px;
  display: flex;
  position: relative;
}

.ariane-n {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.ariane-n.separator-ariane {
  padding-left: 12px;
  padding-right: 12px;
}

.wrap-button-next-section {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  padding-bottom: 0;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: none;
  position: absolute;
  inset: auto 25px 13px auto;
}

.wrap-button-next-section.hidden {
  display: none;
}

.nav-buttom-next__wrap-button {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-bottom__button-next {
  z-index: 2;
  background-color: var(--black-2);
  color: var(--white-smoke);
  text-transform: uppercase;
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 54px;
  margin: 10px 0 0 1px;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
}

.nav-bottom__button-next:hover {
  background-color: var(--main-1);
  color: #fff;
  padding-left: 39px;
  padding-right: 39px;
  box-shadow: -1px 2px 3px #1a171b54;
}

.nav-bottom__button-next.current {
  background-color: var(--main-1-dark);
  color: var(--white-smoke);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
}

.cap-bold {
  text-transform: uppercase;
  font-weight: 700;
}

.arroaw {
  margin-bottom: 0;
  margin-right: 4px;
}

.chenge-orientation {
  z-index: 100000;
  background-color: var(--main-1);
  color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.chenge-orientation.hide {
  display: none;
}

.editor-ui {
  background-color: #333;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: 7px 27px;
  display: flex;
  position: fixed;
  inset: auto 15px 15px auto;
  box-shadow: 1px 1px 3px #000;
}

.editor-ui.hidden {
  display: none;
}

.text-editor {
  opacity: .49;
  margin-right: 20px;
  display: flex;
}

.switch {
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  height: 20px;
  margin-left: 5px;
  display: flex;
  position: relative;
}

.image-3 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.switch__circle {
  margin-left: 0;
  position: relative;
}

.save-2 {
  background-color: #3c3b3b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.info--text {
  z-index: 1000;
  color: #fff;
  text-align: center;
  background-color: #242323;
  justify-content: center;
  align-items: center;
  width: 70vw;
  padding: 23px 0;
  transition: all .6s;
  display: flex;
  position: fixed;
  inset: auto auto -100% 15vw;
  box-shadow: 1px 1px 9px 7px #0000003b;
}

.info--text.open {
  width: 70vw;
  bottom: 0%;
  left: 15vw;
}

.remove-class.remove-alert-copy {
  padding: 5px;
  position: absolute;
  inset: 5px 5px auto auto;
}

.info-p {
  color: #f3f3f3;
  max-width: 450px;
}

.button__container-2 {
  color: #f3f3f3;
  text-transform: none;
  background-color: #4e006e;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: 12px 37px;
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.button__container-2:hover {
  background-color: #270834;
}

.button__container-2.mt_2vh {
  cursor: pointer;
}

.button__container-2.mt_2vh:hover {
  background-color: #583267;
}

.button__container-2.mt_2vh.desktop-only.btn-condensed {
  margin-top: 0;
  margin-left: 0;
}

.button__container-2.mt_2vh.desktop-only.btn-condensed.hidden {
  display: none;
}

.logo-condensee {
  z-index: 101;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 23px;
  padding-right: 23px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 0 1px 5px -2px #0000006b;
}

.sidebar__logo__img-2 {
  width: 100%;
  max-height: 100%;
  margin-top: 25px;
}

.sidebar__logo__img-2.img-logo--condensee {
  width: 150px;
}

.button__text--vh-2 {
  text-transform: none;
  margin-bottom: 0;
  font-size: 1.6vh;
  font-weight: 400;
  display: inline-block;
}

.div-block-16 {
  align-items: center;
  display: flex;
}

.form-block {
  position: fixed;
  inset: 0% auto auto -100%;
}

.link-condensed {
  max-width: 350px;
  height: 30px;
  margin-bottom: 0;
  margin-left: 57px;
  font-size: 14px;
  overflow: auto;
}

.alert-copy {
  z-index: 102;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 17px;
  transition: all .6s cubic-bezier(.47, 0, .745, .715);
  display: flex;
  position: fixed;
  inset: -120% auto auto 0%;
}

.alert-copy.open {
  transition-duration: .8s;
  transition-timing-function: cubic-bezier(.23, 1, .784, 1.077);
  top: 0%;
}

.alert-copy-wrapper {
  background-color: var(--main-1);
  color: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 26px 58px;
  display: flex;
  position: relative;
  box-shadow: 0 5px 5px 5px #00000021;
}

.alert-copy__window {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.alert-copy__window.alert-bis {
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
}

.niveau-n-3 {
  border-top: 1px #5454543b;
  border-left: 6px solid #37373726;
  margin-top: 15px;
  margin-bottom: 43px;
  margin-left: 62px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 22px;
}

.container-n {
  background-color: #f3f3f3;
  align-items: flex-start;
  padding-top: 42px;
  padding-left: 23px;
  padding-right: 23px;
  display: flex;
}

.container-n.n-bg-2 {
  background-color: #e7e4e4;
}

.item-condensee {
  color: #fff;
  cursor: pointer;
  background-color: #4e006e;
  border: 1px solid #f0f0f0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  max-width: 650px;
  height: auto;
  margin-top: 27px;
  margin-right: 21px;
  padding: 0 20px 16px 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 2px #00000024;
}

.item-condensee.item-condensee-v2 {
  background-color: var(--black-2);
  color: #f3f3f3;
  border-radius: 0;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 21px;
  padding-top: 0;
  padding-bottom: 0;
  transition: all .6s;
}

.item-condensee.item-condensee-v2.item-n2b {
  background-color: var(--main-1);
  max-width: none;
  margin-left: 46px;
}

.item-condensee.item-condensee-v2.item-n2b.padding {
  width: auto;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 36px;
}

.item-condensee.item-condensee-v2.item-n2b.padding.non-selected {
  background-color: #979797;
}

.item-condensee.item-condensee-v2.item-n3 {
  color: var(--main-1);
  text-transform: uppercase;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 3px;
  border-bottom-color: #c6c5c5;
  box-shadow: 0 0 #0000;
}

.item-condensee.item-condensee-v2.item-n3.non-selected {
  background-color: #0000;
}

.item-condensee.item-condensee-v2.item-home {
  width: auto;
  display: none;
}

.item-condensee.item-condensee-v2.item-n2 {
  border-style: none none solid;
  border-bottom-width: 3px;
  border-bottom-color: var(--a4bcc2);
  box-shadow: none;
  color: var(--main-1);
  text-transform: uppercase;
  background-color: #0000;
}

.item-condensee.item-condensee-v2.item-n2.no-bg {
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 0;
}

.item-condensee.item-condensee-v2.item-n2.non-selected {
  background-color: #0000;
}

.item-condensee.item-condensee-v2.non-selected {
  background-color: var(--black-light);
  opacity: .23;
}

.niveau-n-2 {
  width: 20%;
  margin-right: 21px;
}

.niveau-n-2.niveau-n2--gestion {
  margin-left: -10px;
}

.bg-item-condensee {
  border-radius: 0%;
  flex: none;
  width: 75px;
  height: 50px;
  margin-right: 25px;
  position: relative;
  inset: 0% auto auto 0%;
}

.bg-item-condensee.bg-item-condesee-61-copy {
  background-image: url('../images/impr-digitalisation.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee--7 {
  background-image: url('../images/lifestyle-1.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-37 {
  background-image: url('../images/impr-tratitements-ppc.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-43 {
  background-image: url('../images/impr-tratitements-nut-ent.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-52 {
  background-image: url('../images/impr-prise-en-charge-spe-pediatire.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-34 {
  background-image: url('../images/impr-icadom-equipe.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-45 {
  background-image: url('../images/impr-tratitements-immo.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-45.bg22 {
  background-image: url('../images/impr-tratitements-immo.jpg');
}

.bg-item-condensee.bg-item-condesee-36 {
  background-image: url('../images/impr-traitments.jpg');
  background-position: 50% 33%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-58 {
  background-image: url('../images/impr-educ.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-31 {
  background-image: url('../images/impr-filiales-partition-sante.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-46 {
  background-image: url('../images/impr-tratitements-vaso.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-41b {
  background-image: url('../images/impr-tratitements-insul.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-38 {
  background-image: url('../images/impr-tratitements-vni.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-49 {
  background-image: url('../images/impr-prise-en-charge-assist-respi.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-2 {
  background-image: url('../images/home-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 60px;
  height: 70px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-44 {
  background-image: url('../images/impr-tratitements-nut-parent.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-56 {
  background-image: url('../images/impr-process.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-5 {
  background-image: url('../images/impr-groupe-organigramme.jpg');
  background-position: 50% 15%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-50 {
  background-image: url('../images/impr-prise-en-charge-perfusion.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-35 {
  background-image: url('../images/impr-offre.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-6 {
  background-image: url('../images/our-milestone-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-8 {
  background-image: url('../images/key-figure.jpg');
  background-position: 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-41 {
  background-image: url('../images/impr-tratitements-aero.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-54 {
  background-image: url('../images/imprdomaine.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-40 {
  background-image: url('../images/impr-tratitements-avf.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-60 {
  background-image: url('../images/impr-rehab.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-55 {
  background-image: url('../images/impr-recherchejpg.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-33 {
  background-image: url('../images/impr-icadom-conception.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-39 {
  background-image: url('../images/impr-tratitements-o2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-59 {
  background-image: url('../images/impr-diet.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-57 {
  background-image: url('../images/impr-formation-interne.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-1 {
  background-image: url('../images/home_visuel_desktop.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-51 {
  background-image: url('../images/impr-prise-en-charge-maintien-a-dom.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-48 {
  background-image: url('../images/impr-tratitements-antibio.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-61 {
  background-image: url('../images/impr-social.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-47 {
  background-image: url('../images/impr-tratitements-antidouleurs.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-42 {
  background-image: url('../images/impr-tratitements-apo.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-53 {
  background-image: url('../images/impr-prise-en-charge-savoir-faire.jpg');
  background-position: 50% 33%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-9 {
  background-image: url('../images/competitor-p1-sm.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee--10 {
  background-image: url('../images/3-pillars-1.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-19 {
  background-image: url('../images/accessories.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-20 {
  background-image: url('../images/leather.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-23 {
  background-image: url('../images/home.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-24 {
  background-image: url('../images/hotel-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-25 {
  background-image: url('../images/catering-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-26 {
  background-image: url('../images/automobile.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-27 {
  background-image: url('../images/host.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-28 {
  background-image: url('../images/sports.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-29 {
  background-image: url('../images/tourism-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-30 {
  background-image: url('../images/public-market.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-31 {
  background-image: url('../images/psg.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-32 {
  background-image: url('../images/stade-fr.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-33 {
  background-image: url('../images/fft.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-34 {
  background-image: url('../images/marketing.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-35 {
  background-image: url('../images/style.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-36 {
  background-image: url('../images/market.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-37 {
  background-image: url('../images/license.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-38 {
  background-image: url('../images/instock.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-10 {
  background-image: url('../images/bg-brand-sm.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-11 {
  background-image: url('../images/bg-ingo-sm.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-13 {
  background-color: var(--main-1);
  background-image: url('../images/logo-daniel-hechter-blanc.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-12 {
  background-image: url('../images/bg-menswear-sm.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-13 {
  background-image: url('../images/menu-womenswear.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-14 {
  background-image: url('../images/eyewear-sm.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-15 {
  background-image: url('../images/menu-lingerie.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-16 {
  background-image: url('../images/menu-leather.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-17 {
  background-image: url('../images/SHOES-sm.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-18 {
  background-image: url('../images/WRITTING-2-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-19 {
  background-color: var(--main-1);
  background-image: none;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-20 {
  background-color: var(--transparent);
  background-image: url('../images/home-furniture-2024-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-21 {
  background-image: url('../images/key-sm.jpg');
  background-position: 100% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-22 {
  background-image: url('../images/world-map-dot.svg'), linear-gradient(to bottom, var(--main-1), var(--main-1));
  background-position: 100% 0, 0 0;
  background-size: cover, auto;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-21-copy {
  background-image: url('../images/key-sm.jpg');
  background-position: 100% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-23 {
  background-image: url('../images/showroom-dusseldorf-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-24 {
  background-image: url('../images/china-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-25 {
  background-image: url('../images/concept-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-26 {
  background-image: url('../images/campaign-6.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-27 {
  background-image: url('../images/rugby-2024-sm.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-28 {
  background-image: url('../images/media-plan-neutral.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-29 {
  background-image: url('../images/insta-neutral.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-30 {
  background-image: url('../images/social-neutral.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-13-copy {
  background-color: var(--main-1);
  background-image: url('../images/logo-daniel-hechter-blanc.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-32 {
  background-image: url('../images/card-press-kit.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-merch {
  background-image: url('../images/merch-sm.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-hotel {
  background-image: url('../images/hotel-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-catering {
  background-image: url('../images/catering-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-auto {
  background-image: url('../images/automobile.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-host {
  background-image: url('../images/host.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-sports {
  background-image: url('../images/sports.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-publicmarket {
  background-image: url('../images/public-market.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-16b {
  background-image: url('../images/menu-kid.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-underwear {
  background-image: url('../images/underwear-card_1.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.div-block-18 {
  width: 100%;
  height: 100%;
  padding-top: 105px;
  padding-bottom: 170px;
  overflow: auto;
}

.h3--vh-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3vh;
  line-height: 1.1;
  position: relative;
}

.h3--vh-2.text--main-1 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Raleway v12, sans-serif;
  font-size: 25px;
}

.niveau-n-1 {
  border-left: 6px solid #3737372e;
  width: auto;
  margin-left: 36px;
  padding-left: 41px;
}

.niveau-n-2 {
  border-top: 1px #5454543b;
  border-left: 6px solid #37373726;
  margin-bottom: 43px;
  margin-left: 53px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 22px;
}

.niveau-n-2.n-2-selection {
  width: auto;
}

.niveau-n-1-v-selected {
  border-left: 6px solid #3737372e;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  margin-left: 36px;
  padding-left: 41px;
  display: flex;
}

.wave-burger {
  flex-wrap: nowrap;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.wave-burger__circle {
  background-color: var(--black-2);
  opacity: .77;
  border-radius: 50%;
  flex: none;
  width: 250px;
  height: 250px;
  transition: all 2s cubic-bezier(.47, 0, .745, .715);
  position: relative;
  transform: scale(0);
}

.wave-burger__circle.burger__circle-op {
  opacity: 0;
  transition-duration: 2s;
  transform: scale(1);
}

.gear {
  background-color: var(--main-1);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 9px;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  inset: auto auto 10px 50px;
  box-shadow: -2px 6px 8px #24232359;
}

.gear:hover {
  transform: scale(1.08);
}

.gear--img {
  width: 30px;
  height: 30px;
}

.arrow-downlaod-2 {
  margin-right: 12px;
}

.btn-version-selection {
  color: #373737;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 32px 123px auto auto;
}

.btn-version-selection.btn-download--parametres {
  color: #f3f3f3;
  letter-spacing: 1px;
  font-family: Raleway v12, sans-serif;
  text-decoration: none;
  position: relative;
  top: 0;
  right: 0;
}

.h3--vh-3 {
  font-size: 6vh;
  line-height: 1.2;
  position: relative;
}

.h3--vh-3.text--main-1.mb_32 {
  color: var(--main-1-darker);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Raleway v12, sans-serif;
  font-size: 40px;
}

.btn-download-2 {
  color: #373737;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 32px 123px auto auto;
}

.btn-download-2.btn-download--parametres {
  color: #f3f3f3;
  letter-spacing: 1px;
  font-family: Raleway v12, sans-serif;
  position: relative;
  top: 0;
  right: 0;
}

.settings {
  z-index: 1000;
  background-color: #242323;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  inset: auto auto 0% -100%;
}

.settings.open {
  background-color: var(--black-2);
  left: 0%;
}

.link-text {
  color: var(--white-smoke);
  display: block;
}

.link-text.margin-left {
  margin-left: 20px;
}

.horizontal {
  display: flex;
}

.popup-a-learning {
  z-index: 100000;
  opacity: 0;
  background-color: #273a47f5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .6s cubic-bezier(.23, 1, .32, 1), left;
  display: flex;
  position: fixed;
  inset: 0% auto auto -100%;
}

.popup-a-learning.open {
  opacity: 1;
  left: 0%;
}

.popup-ealrning__content {
  background-color: var(--white-smoke);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1080px;
  height: 100%;
  max-height: 600px;
  padding: 55px;
  display: flex;
  position: relative;
  overflow: auto;
  box-shadow: 3px 3px 14px 9px #131a1fb0;
}

.h-popup-elearning {
  color: var(--main-1-dark);
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Raleway v12, sans-serif;
  font-size: 35px;
}

.popup-elearning__wrap-text {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 26px;
  display: flex;
}

.popup-elearning__col {
  width: 47%;
  height: auto;
}

.h3-popup-ealrning {
  text-transform: none;
  margin-bottom: 21px;
  font-family: Raleway v12, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.p-elearning {
  border-left: 6px solid var(--grey-dark);
  padding-left: 31px;
}

.elearning-trigger {
  z-index: 3;
  background-color: var(--main-1-medium);
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 9px;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  inset: auto auto 10px 7px;
  box-shadow: -2px 6px 8px #24232359;
}

.elearning-trigger:hover {
  transform: scale(1.05);
}

.elearning-trigger.hidden {
  display: none;
}

.paragraph-3 {
  margin-bottom: 0;
  font-family: Raleway v12, sans-serif;
  font-weight: 700;
}

.wrap-e-learning {
  display: none;
}

.wrap-all {
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.gestion {
  background-color: var(--black);
  color: #fff;
  flex: 0 auto;
  width: 25%;
  height: 100vh;
  padding-top: 142px;
  padding-left: 27px;
  padding-right: 27px;
  font-family: Raleway v12, sans-serif;
  display: block;
  overflow: auto;
}

.gestion.gestion-hide {
  display: none;
}

.form {
  color: var(--white-smoke);
  margin-top: 25px;
}

.submit-button {
  background-color: var(--main-1-dark);
  margin-top: 6px;
}

.save-version {
  background-color: var(--main-1-dark);
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  padding: 10px 32px;
  display: inline-block;
}

.paragraph-4 {
  margin-bottom: 0;
}

.list-version {
  margin-top: 31px;
}

.list-version__item {
  border-left: 1px solid #f3f3f354;
  margin-bottom: 23px;
  padding: 0 10px;
}

.list-version__item.hidden {
  display: none;
}

.list-version__title {
  color: var(--white-smoke);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 1px;
  font-family: Raleway v12, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.list-version__options {
  letter-spacing: 1.5px;
  text-transform: none;
  font-family: Raleway v12, sans-serif;
  font-weight: 400;
  display: flex;
}

.list-version__options__texte {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: none;
  cursor: pointer;
  width: 48%;
  margin-bottom: 0;
  margin-right: 12px;
  font-family: Raleway v12, sans-serif;
  font-weight: 400;
}

.list-version__options__texte.red {
  color: #ad3232;
}

.list-version__options__texte.hidden, .paragraph-5 {
  display: none;
}

.green-validate {
  color: #28c785;
  font-weight: 700;
  text-decoration: underline;
}

.block-save-version.hidden {
  display: none;
}

.btn-lng {
  cursor: pointer;
  margin-left: 12px;
  margin-right: 12px;
}

.btn-lng.clicked {
  font-weight: 700;
  text-decoration: underline;
}

.img-poster-video, .bd-thumbnail {
  display: none;
}

.div-block-24 {
  background-color: var(--main1-light);
}

.hplus {
  z-index: 1;
  background-color: var(--main-1);
  width: 35px;
  height: 35px;
  margin-left: 17px;
  margin-right: 30px;
  padding: 0;
  position: relative;
  inset: auto 0 0 auto;
}

.popup-video {
  z-index: 101;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 100%;
}

.popup-video.open {
  z-index: 101;
  left: 0%;
}

.bg-video-3 {
  z-index: 1;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.close-3 {
  z-index: 5;
  cursor: pointer;
  width: 35px;
  height: 35px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-3:hover {
  transform: rotate(360deg);
}

.close-3.close-popup {
  z-index: 5;
  margin-top: 14vh;
}

.close-3.close-popup.close6popup6video {
  z-index: 1;
  margin-top: 20px;
  margin-right: 20px;
}

.popup-video-new {
  z-index: 101;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 100%;
}

.popup-video-new.open {
  z-index: 101;
  left: 0%;
}

.div-h {
  align-items: center;
  display: flex;
}

.div-h._100w {
  background-color: #f3f3f324;
  width: auto;
  margin-top: 37px;
  padding: 6px 12px;
}

.div-block-12 {
  width: 100%;
  max-width: 650px;
  height: 400px;
  position: relative;
  overflow: visible;
}

.wrap-logo-in-page {
  background-color: var(--black-2);
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 19px;
  padding: 57px 45px;
  display: flex;
}

.logo-hechter-in-page {
  width: 150px;
}

.graphique {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 70vh;
  margin-left: 64px;
  padding: 43px 0;
  display: flex;
  position: relative;
}

.img-fit-contain {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
}

.wrap-card-square {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: 60vh;
  margin-left: 46px;
  display: flex;
  position: relative;
}

.suqare-card {
  background-color: var(--main-1);
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-end;
  width: 49%;
  height: 48%;
  display: flex;
  position: relative;
}

.square-card__title {
  background-color: var(--main-1);
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px 40px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.popup-hechter {
  z-index: 100;
  background-color: var(--black-2);
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto -100%;
  overflow: hidden;
}

.popup-hechter.open {
  left: 0%;
}

.popup-hechter.popup-absolute {
  background-color: var(--white-smoke);
  opacity: 0;
  transform-origin: 50%;
  width: 100%;
  height: 85vh;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  top: 0%;
  left: 0%;
  transform: scale(0);
}

.popup-hechter.popup-absolute.open {
  left: 0%;
}

.popup-hechter.popup-absolute.open-popup-abs {
  opacity: 1;
  left: 0%;
  transform: scale(1);
}

.popup-content {
  text-align: right;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 49px;
  display: flex;
  position: relative;
}

.popup-content.bottom {
  align-items: flex-end;
  padding-bottom: 253px;
}

.popup-content.more-bottom {
  align-items: flex-end;
  padding-bottom: 87px;
}

.popup-content.section-world-map {
  background-color: #0000;
}

.popup-content.bottom-bottomer {
  align-items: flex-end;
  padding-bottom: 131px;
}

.popup-content.popup-conten-nested {
  padding-left: 0;
  padding-right: 0;
}

.wrap-menu-2024 {
  z-index: 10000;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto auto -100%;
  overflow: hidden;
}

.wrap-menu-2024.open {
  background-color: var(--black-2);
  left: 0%;
}

.close-menu-2024 {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0% 25px auto auto;
}

.close-menu-2024.burger--no-desktop {
  display: none;
}

.menu-2024__content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 97vw;
  min-width: 0;
  max-width: 1260px;
  height: 100%;
  padding: 100px 0 48px;
  display: flex;
}

.all-tabs-trigger {
  border-bottom: 1px solid #c3c1c4;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  margin-bottom: 40px;
  display: flex;
}

.tab-trigger {
  background-color: var(--transparent);
  color: var(--white);
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 25px;
  padding-right: 25px;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.tab-trigger:hover {
  color: var(--white);
}

.tab-trigger.clicked {
  background-color: var(--white);
  color: var(--main-1);
}

.tab-trigger.hidden {
  display: none;
}

.all-tab-content {
  width: 100%;
  height: 100%;
  position: relative;
}

.tab-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: scale(0);
}

.tab-content.tab-open {
  transition: all;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: scale(1);
}

.tab-content.hide {
  display: none;
}

.tab-content.tab-content--2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tab-content.tab-content--2.hide {
  display: none;
}

.tab-content.tab-content--6 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.tab-content.tab-content--10 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.tab-content.tab-content--3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tab-content.tab-content--3.hide {
  display: none;
}

.menu-2024__card {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.menu-2024__card__tect {
  background-color: var(--white);
  color: var(--main-1);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  margin-bottom: 0;
  font-family: Raleway v12, sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.tab-name {
  color: var(--light-grey);
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: none;
}

.tab-name:hover {
  background-color: var(--black-medium);
}

.tab-name.clicked {
  background-color: var(--black);
  color: var(--white-smoke);
}

.wrap-card-tab {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.wrap-card-tab.wrap-card-6 {
  grid-template-columns: 1fr 1fr 1fr;
}

.wrap-card-tab.wrap-card-6.wrap-card-pdf {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.wrap-card-tab.wrap-card-10 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.wrap-card-tab.wrap-card-2 {
  grid-template-columns: 1fr 1fr;
}

.wrap-card-tab.wrap-card-8 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.wrap-card-tab.wrap-card-8.wrap-card-pdf {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.wrap-card-tab.wrap-card-12 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.verbatim {
  font-style: italic;
  font-weight: 700;
}

.verbatim.bold.margin-top {
  margin-top: 10px;
  margin-bottom: 0;
}

.verbatim.bold.cap.no-margin-bottom {
  margin-bottom: 0;
}

.verbatim.bold.no-margin-bottom {
  margin-bottom: 0;
  margin-right: 23px;
}

.verbatim.no-margin {
  margin-bottom: 0;
}

.popup-showroom {
  z-index: 10000;
  background-color: var(--main-1);
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto -100%;
}

.popup-showroom.open {
  left: 0%;
}

.popup-showroom-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 140px;
  padding-bottom: 40px;
  display: flex;
}

.embed-showroom {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 56%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.responsive-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.auto-slider {
  align-items: center;
  width: 300%;
  height: 100%;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.auto-slider.wrap-bg--white {
  background-color: #fff;
}

.auto-slider.wrap-bg--white.wrap-bg-step {
  padding-top: 100px;
}

.auto-slider.hide {
  display: none;
}

.auto-slide {
  flex: none;
  width: 33.3333%;
  height: 100%;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  position: relative;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.auto-slide.milestones-1 {
  background-image: url('../images/our-milestone-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.bg__qui-sommes-nous__img2 {
  background-image: url('../images/qui-sommes-nous__ilg2.jpg');
  background-position: 30%;
  background-size: cover;
}

.auto-slide.bg--grey-light {
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
}

.auto-slide.bg-home-1 {
  z-index: 1;
  background-image: url('../images/home-1-2023.jpg');
  background-position: 40%;
  background-size: cover;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
}

.auto-slide.bg-home-2 {
  z-index: 1000;
  background-image: url('../images/home-2-b.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.auto-slide.milestones-2 {
  background-image: url('../images/our-milestone-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.milestones-3 {
  background-image: url('../images/our-milestone-3.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.milestones-4 {
  background-image: url('../images/our-milestone-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.milestones-5 {
  background-image: url('../images/our-milestone-5.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.milestones-6 {
  background-image: linear-gradient(#00000057, #00000057), url('../images/our-milestone-6.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.auto-slide.milestones-7 {
  background-image: linear-gradient(#0006, #0006), url('../images/our-milestone-7.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.auto-slide.milestones-8 {
  background-image: url('../images/our-milestone-8.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.milestones-9 {
  background-image: linear-gradient(#0006, #0006), url('../images/our-milestone-9.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.auto-slide.lifestyle-1 {
  background-image: url('../images/lifestyle-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.lifestyle-2 {
  background-image: url('../images/lifestyle-2.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.auto-slide.key-figure {
  background-image: url('../images/key.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.auto-slide._3-pillars-1 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/3-pillars-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.auto-slide.germany-2 {
  background-image: url('../images/germany-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide._3-pillars-3 {
  background-image: url('../images/3-pillars-3.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.brand-philosophy {
  background-image: linear-gradient(#00000040, #00000040), url('../images/Brand-Philosophy-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.auto-slide.eruope {
  background-image: url('../images/europe.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.austria {
  background-image: linear-gradient(#112a4085, #112a4085), url('../images/germany-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.auto-slide.france-1 {
  background-image: url('../images/fr.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.auto-slide.france-2 {
  background-image: url('../images/france-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.asia {
  background-image: url('../images/asia.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.china-1 {
  background-image: url('../images/china-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.china-2 {
  background-image: url('../images/china-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.philipines {
  background-image: url('../images/philipines.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  inset: 0% 0% auto auto;
}

.auto-slide.south-africa {
  background-image: url('../images/south-africa.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.egypt {
  background-image: url('../images/egypt.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.morocco {
  background-image: url('../images/morocco.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.we-wax-the-world {
  background-image: url('../images/wax.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.middle-east {
  background-image: url('../images/middle-east.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.jordan {
  background-image: url('../images/jordan.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.israel {
  background-image: url('../images/israel.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.usa {
  background-image: url('../images/usa.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.canada {
  background-image: url('../images/canda.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.argentina {
  background-image: url('../images/argentina.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.mexico {
  background-image: url('../images/mexico.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.pacific {
  background-image: url('../images/pacific.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.pacific-2 {
  background-image: url('../images/pacific-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.iran {
  background-image: url('../images/iran.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.comitments-1 {
  background-image: url('../images/comitments-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.comitments-2 {
  background-image: url('../images/comitments-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.step {
  background-image: url('../images/eco.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  position: relative;
  inset: 0% auto auto 0%;
}

.auto-slide.mid-long-1 {
  background-image: url('../images/mid-long-terms.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.mid-long-2 {
  background-image: url('../images/mid-long-terms-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.mid-long-3 {
  background-image: url('../images/mid-long-terms-3.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.convention-1 {
  background-image: url('../images/convention-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.convention-2 {
  background-image: url('../images/climat-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.bg-austria-solo {
  background-image: linear-gradient(#112a4085, #112a4085), url('../images/austria-bg-new.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.auto-slide.austria-2 {
  background-image: url('../images/austria-bg-new.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.allemangne {
  background-image: linear-gradient(#112a4085, #112a4085), url('../images/germany-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.auto-slide.bg-uk {
  background-image: url('../images/uk.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.poland-2 {
  background-image: url('../images/poland.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.austrlia-1 {
  background-image: url('../images/pacific.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.australia-2 {
  background-image: url('../images/australia.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.men-ready-1 {
  background-image: url('../images/ready-to-wear-1.jpg');
  background-position: 0%;
  background-size: cover;
}

.auto-slide.men-ready-2 {
  background-image: url('../images/ready-to-wear-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.men-ready-3 {
  background-image: linear-gradient(#00000052, #00000052), url('../images/ready-to-wear-3.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.auto-slide.techno-1 {
  background-image: url('../images/techno-1.jpg');
  background-position: 0%;
  background-size: cover;
}

.auto-slide.techno-2 {
  background-image: linear-gradient(#0003, #0003), url('../images/techno-7.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
}

.auto-slide.techno-3 {
  background-image: linear-gradient(#00000017, #00000017), url('../images/techno-3.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.auto-slide.accesories {
  background-image: url('../images/accessories-v2.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50%;
  margin-top: 75px;
}

.auto-slide.leather {
  background-image: url('../images/leather.jpg');
  background-position: 0%;
  background-size: cover;
}

.auto-slide.women-ready-1 {
  background-image: url('../images/women-ready-1_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.women-lingerie {
  background-image: url('../images/woman-lingerie.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.home {
  background-image: url('../images/home.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.hotel {
  background-image: url('../images/hotel-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.hotel-2 {
  background-image: url('../images/hotel-2.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.auto-slide.catering-1 {
  background-image: url('../images/catering-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.catering-2 {
  background-image: url('../images/catering-2.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.auto-slide.catering-3 {
  background-image: url('../images/catering-3.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.auto-slide.automobile {
  background-image: url('../images/automobile.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.auto-slide.host {
  background-image: url('../images/host.jpg');
  background-position: 100% 100%;
  background-size: cover;
  background-attachment: fixed;
}

.auto-slide.sports {
  background-image: url('../images/sports.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.auto-slide.tourism-1 {
  background-image: url('../images/tourism-1.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.auto-slide.tourism-2 {
  background-image: url('../images/tourism-2.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.auto-slide.psg {
  background-image: url('../images/psg.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.auto-slide.stade-francais {
  background-image: url('../images/stade-fr.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.auto-slide.fft {
  background-image: url('../images/fft.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.auto-slide.marketing {
  background-image: linear-gradient(#00000080, #00000080), url('../images/marketing.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
}

.auto-slide.style {
  background-image: url('../images/style.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.auto-slide.marketing-2 {
  background-image: url('../images/market.jpg');
  background-position: 0%;
  background-size: cover;
}

.auto-slide.marketing-3 {
  background-image: url('../images/amrket3.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.auto-slide.license {
  background-image: url('../images/license.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.instock {
  background-image: url('../images/instock.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.public-market {
  background-image: url('../images/public-market.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.auto-slide.around-world-1 {
  background-image: url('../images/around-world-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.bg-uk-2 {
  background-image: url('../images/uk.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide._3-pillar-2 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/3-pillars-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.auto-slide.indonesia {
  background-image: url('../images/bg-indonesia.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.singapour {
  background-image: url('../images/singapour.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.south-korea {
  background-image: url('../images/south-korea.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.benelux {
  background-image: url('../images/benelux.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.auto-slide.finland {
  background-image: url('../images/finland.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.auto-slide.greece {
  background-image: url('../images/greece.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.auto-slide.poland {
  background-image: url('../images/poland_1.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.auto-slide.kasakstan {
  background-image: url('../images/kasakstan.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.russia {
  background-image: url('../images/russia.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.bg-positionnement {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
}

.auto-slide.bg-positionement-p3 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/competitor-p1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.auto-slide.our-brand-hechter-paris-1 {
  background-color: #c2c2c2;
  background-image: url('../images/bg-brand.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.bg-versatility {
  background-image: url('../images/versatility.jpg');
  background-position: 50% 0;
}

.auto-slide.our-brand-hechter-paris-2 {
  background-color: #fff;
  background-image: none;
}

.auto-slide.sharpness {
  background-image: url('../images/sharpness.jpg');
  background-size: cover;
}

.auto-slide.bg-timeless {
  background-image: url('../images/timeless.jpg');
  background-position: 100%;
}

.auto-slide.bg-performance {
  background-image: url('../images/performance.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.auto-slide.our-brand-hechter-paris-popup-versatility {
  background-color: #c2c2c2;
  background-image: url('../images/versatility-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.our-brand-hechter-paris-popup-sharpness {
  background-color: #c2c2c2;
  background-image: url('../images/sharpness-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.our-brand-hechter-paris-popup-timeless {
  background-color: #c2c2c2;
  background-image: url('../images/timeless-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.our-brand-hechter-paris-popup-performance {
  background-color: #c2c2c2;
  background-image: url('../images/performance-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.bg-joyfull {
  background-image: url('../images/joyfull.jpg');
  background-size: cover;
}

.auto-slide.confident {
  background-image: url('../images/confident.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.bg-inmotion {
  background-image: url('../images/in-motion.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.bg-effortless {
  background-image: url('../images/effortless.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.auto-slide.our-brand-hechter-paris-popup-joyfull {
  background-color: #c2c2c2;
  background-image: url('../images/joyfull-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.our-brand-hechter-paris-popup-confident {
  background-color: #c2c2c2;
  background-image: url('../images/confident-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.our-brand-hechter-paris-popup-in-moion {
  background-color: #c2c2c2;
  background-image: url('../images/inmotion-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.our-brand-hechter-paris-popup-efortless {
  background-color: #c2c2c2;
  background-image: url('../images/effortless-popup-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.milestones-10 {
  background-image: linear-gradient(88deg, #0000 14%, #141414ad 74%), url('../images/2023.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.auto-slide.bg--card {
  object-fit: cover;
  background-image: none;
  max-width: none;
}

.auto-slide.bg--card.bg-card--left {
  object-position: 0% 50%;
}

.auto-slide.bg--card.bg--card--lingerie {
  object-position: 75% 25%;
}

.auto-slide.bg--card.card-ingo {
  object-position: 0% 50%;
}

.auto-slide.bg--card.card-menswear, .auto-slide.bg--card.card-womenswear {
  object-position: 100% 50%;
}

.auto-slide.bg--card.card-writting {
  object-position: 50% 0%;
}

.auto-slide.bg--card.bg-card--country {
  background-color: var(--light-grey-new);
}

.auto-slide.bg--card.bg-card--dh {
  object-fit: contain;
  background-color: #fff;
  padding: 72px;
}

.auto-slide.hechtertogether-1, .auto-slide.hechtertogether-2 {
  background-color: #c2c2c2;
  background-image: none;
}

.auto-slide.bg-ingo {
  background-color: #c2c2c2;
  background-image: url('../images/ingo-3.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.dh1 {
  background-color: #c2c2c2;
  background-image: url('../images/dh-2024.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.dh2 {
  background-color: #c2c2c2;
  background-image: url('../images/dh-2024-2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.menswear {
  background-color: #c2c2c2;
  background-image: url('../images/bg-menswear.jpg');
  background-position: 75% 0;
  background-size: cover;
}

.auto-slide.womenswear {
  background-color: #c2c2c2;
  background-image: url('../images/womenswear.jpg');
  background-position: 75%;
  background-size: cover;
}

.auto-slide.eyewear {
  background-color: #c2c2c2;
  background-image: url('../images/eyewear.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.shoes {
  background-color: #c2c2c2;
  background-image: url('../images/SHOES.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.leathergoods {
  background-color: #c2c2c2;
  background-image: url('../images/bg-leather.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.lingerie {
  background-color: #c2c2c2;
  background-image: url('../images/lingerie-2-2024.jpg');
  background-position: 0%;
  background-size: cover;
}

.auto-slide.writting {
  background-color: #c2c2c2;
  background-image: url('../images/WRITTING-2.jpg');
  background-position: 100%;
  background-size: cover;
}

.auto-slide.bg-bed {
  background-image: none;
}

.auto-slide.bg-home-furniture {
  background-image: url('../images/bg-home-furniture.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.bg-map {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
}

.auto-slide.showroom-paris {
  background-color: #c2c2c2;
  background-image: url('../images/showroom-paris.jpg');
  background-position: 0 0;
  background-size: auto;
}

.auto-slide.showroom-dusseldorf {
  background-color: #c2c2c2;
  background-image: url('../images/showroom-dusseldorf.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.pos-china {
  background-color: #c2c2c2;
  background-image: url('../images/pos-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.auto-slide.bg-best-pos {
  background-image: url('../images/pos-2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.auto-slide.concept-bg {
  background-color: #c2c2c2;
  background-image: url('../images/concept.jpg');
  background-position: 50%;
  background-size: cover;
}

.img-fit-cover {
  width: 100%;
  max-width: none;
  height: 100%;
}

.img-fit-cover.img-auto-slide {
  object-fit: cover;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  inset: 0% auto auto 0%;
}

.wrap-auto-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.btn-visit {
  background-color: var(--main-1);
  color: var(--white-smoke);
  margin-top: 12px;
  padding: 12px 14px;
  text-decoration: none;
}

.btn-visit:hover {
  background-color: var(--main1-light);
}

.header--for-menu {
  z-index: 100;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0%;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.header--for-menu.relative {
  justify-content: space-between;
  padding-right: 15px;
  position: fixed;
}

.header--for-menu.relative.header--bg {
  background-color: #fff;
  height: 60px;
}

.header--for-menu.relative.header--menu-2024 {
  position: absolute;
}

.unsplash-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: auto;
  display: block;
}

.margin-top-32 {
  margin-top: 32px;
}

@media screen and (max-width: 991px) {
  .h2 {
    font-size: 16px;
  }

  .text-vh {
    font-size: 20px;
  }

  .text-vh--lg {
    font-size: 26px;
  }

  .text-vh--xsm {
    font-size: 14px;
  }

  .h1--vh {
    margin-bottom: 30px;
    font-size: 50px;
  }

  .h1--vh.text--main {
    font-size: 35px;
  }

  .h1--vh.text--main.text-white-small-device {
    color: #fff;
  }

  .h1--vh.text--main.h1-popup {
    font-size: 25px;
  }

  .h1--vh.text--main.h1-popup.h1-poup-smaller {
    font-size: 24px;
  }

  .h1--vh.text--main-dark {
    font-size: 35px;
  }

  .h2--vh {
    font-size: 40px;
  }

  .h3--vh {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 35px;
  }

  .sidebar {
    z-index: 1;
    width: 100%;
    min-width: 0%;
    position: absolute;
    inset: 0% auto auto -100%;
  }

  .sidebar.open {
    left: 0%;
  }

  .wrapper {
    height: auto;
  }

  .sidebar__button {
    height: 100%;
    padding-bottom: 171px;
    overflow: auto;
  }

  .sidebar__n {
    flex-direction: column;
    height: 80px;
    display: flex;
    overflow: auto;
  }

  .sidebar__buttton_n__text {
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 120px;
    padding-top: 28px;
    padding-bottom: 28px;
    display: flex;
  }

  .wrap-section {
    height: auto;
    padding-top: 58px;
    overflow: visible;
  }

  .wrap-section.wrap-section-no-padding {
    padding-top: 0;
  }

  .section {
    height: auto;
  }

  .section.section--hero {
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 0;
    display: flex;
  }

  .section.secion--height-auto-sm {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
    display: flex;
  }

  .section.section--hero--list {
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .section.section--split, .section.section--home {
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 0;
    display: flex;
  }

  .section.section-classique {
    height: auto;
    min-height: 100vh;
    padding-top: 0;
  }

  .sidebar__trigger {
    display: none;
    left: 15px;
  }

  .sidebar__close {
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .sidebar__close.remove-class {
    height: 50px;
  }

  .header {
    width: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  .header.relative {
    background-color: var(--black-2);
    width: 100%;
    height: 60px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .header.relative.header--menu-2024 {
    background-color: var(--transparent);
    justify-content: center;
  }

  .burger.burger--no-desktop {
    display: flex;
  }

  .wrapper-fil-d-ariane {
    display: none;
  }

  .tab {
    height: 80px;
  }

  .text--vh--md {
    font-size: 22px;
  }

  .menu__content {
    top: 80px;
  }

  .w40.w100-tablet, .w100--md {
    width: 100%;
  }

  .mt_6vh {
    margin-top: 50px;
  }

  .mt_4vh {
    margin-top: 30px;
  }

  .mb_3vh {
    margin-bottom: 30px;
  }

  .ml_4vw {
    margin-left: 40px;
  }

  .ml_1vw {
    margin-left: 10px;
  }

  .mt_1vh {
    margin-top: 10px;
  }

  .mb_8vh {
    margin-bottom: 60px;
  }

  .mb_4vh {
    margin-bottom: 40px;
  }

  .ml_8vw {
    margin-left: 60px;
  }

  .mt_8vh {
    margin-top: 60px;
  }

  .mt_3vh {
    margin-top: 25px;
  }

  .mt_2vh {
    margin-top: 20px;
  }

  .ml_2vw {
    margin-left: 20px;
  }

  .ml_3vw {
    margin-left: 30px;
  }

  .ml_6vw {
    margin-left: 50px;
  }

  .mb_2vh {
    margin-bottom: 20px;
  }

  .mb_6vh {
    margin-bottom: 50px;
  }

  .errase.errase--h {
    flex-direction: column;
  }

  .mb_1vh {
    margin-bottom: 10px;
  }

  .vtc--md {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .vtl--md {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .wrap-card {
    padding-bottom: 146px;
  }

  .wrap-card.wra-card-center {
    justify-content: center;
    height: auto;
    padding-bottom: 0;
  }

  .wrap-card.wrap-card--step {
    flex-direction: column;
    align-items: center;
  }

  .wrap-card.wrap-card--references {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .card-1 {
    width: 49%;
    height: 250px;
  }

  .wrap-bg.wrap-bg--white.wrap-bg-step {
    padding-top: 0;
  }

  .wrap-bg.wrap-bg-100vh {
    height: 100vh;
  }

  .bg.milestones-1, .bg.bg__qui-sommes-nous__img2, .bg.milestones-2 {
    background-position: 50% 20%;
  }

  .bg.milestones-3 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .bg.milestones-4, .bg.milestones-5, .bg.milestones-6, .bg.milestones-7, .bg.milestones-8, .bg.milestones-9 {
    background-position: 50% 20%;
  }

  .bg.lifestyle-1 {
    background-position: 0%;
  }

  .bg.lifestyle-2 {
    background-position: 50% 20%;
  }

  .bg.key-figure {
    background-image: url('../images/key-md.jpg');
    background-position: 75% 100%;
  }

  .bg._3-pillars-1 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/3-pillars-1.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .bg.brand-philosophy {
    background-image: linear-gradient(to bottom, null, null), url('../images/Brand-Philosophy-2.jpg');
    background-position: 0 0, 0%;
  }

  .bg.eruope, .bg.austria {
    background-position: 25%;
  }

  .bg.france-1 {
    background-position: 100%;
  }

  .bg.france-2 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .bg.asia, .bg.china-1 {
    background-position: 25%;
  }

  .bg.philipines {
    background-position: 25%;
    width: 100%;
  }

  .bg.south-africa, .bg.egypt, .bg.morocco {
    background-position: 25%;
  }

  .bg.we-wax-the-world {
    background-position: 33%;
  }

  .bg.middle-east, .bg.jordan, .bg.israel, .bg.canada, .bg.argentina, .bg.mexico, .bg.pacific {
    background-position: 25%;
  }

  .bg.pacific-2 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .bg.iran {
    background-position: 25%;
  }

  .bg.comitments-1, .bg.comitments-2 {
    background-position: 50% 20%;
  }

  .bg.step {
    background-position: 50% 20%;
    width: 100%;
  }

  .bg.mid-long-1, .bg.mid-long-2, .bg.convention-1, .bg.convention-2 {
    background-position: 50% 20%;
  }

  .bg.bg-austria-solo {
    background-position: 25%;
  }

  .bg.austria-2 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .bg.allemangne, .bg.bg-uk, .bg.poland {
    background-position: 25%;
  }

  .bg.poland-2 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .bg.austrlia-1 {
    background-position: 25%;
  }

  .bg.men-ready-1 {
    background-image: linear-gradient(#00000061, #00000061), url('../images/ready-to-wear-1.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
  }

  .bg.men-ready-2 {
    background-position: 50% 20%;
  }

  .bg.techno-1 {
    background-image: linear-gradient(#00000069, #00000069), url('../images/techno-1.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
  }

  .bg.techno-2 {
    background-position: 50% 20%;
  }

  .bg.techno-3 {
    background-image: linear-gradient(#00000070, #00000070), url('../images/techno-3.jpg');
    background-position: 0 0, 0%;
  }

  .bg.accesories {
    background-position: 50%;
    width: 100%;
    margin-top: 0;
  }

  .bg.leather {
    background-position: 0%;
  }

  .bg.women-ready-1 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/women-ready-1.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .bg.women-lingerie {
    background-position: 100% 100%;
  }

  .bg.home {
    background-position: 0%;
  }

  .bg.hotel {
    background-position: 50% 20%;
  }

  .bg.hotel-2 {
    background-image: url('../images/hotel-2-ref.jpg');
    background-position: 50% 20%;
  }

  .bg.catering-1 {
    background-position: 50% 20%;
  }

  .bg.catering-2 {
    background-image: url('../images/catering-2-smartphone.jpg');
    background-position: 50% 20%;
  }

  .bg.catering-3 {
    background-image: url('../images/catering-3-smartphone.jpg');
    background-position: 50% 20%;
  }

  .bg.automobile {
    background-position: 50% 20%;
  }

  .bg.host {
    background-position: 50% 20%;
    background-attachment: fixed;
  }

  .bg.sports {
    background-position: 50% 20%;
  }

  .bg.tourism-1 {
    background-image: url('../images/bg-pad-md.jpg');
    background-position: 50% 0;
  }

  .bg.tourism-2, .bg.psg, .bg.stade-francais, .bg.fft, .bg.marketing {
    background-position: 50% 20%;
  }

  .bg.style {
    background-image: linear-gradient(#0000006e, #0000006e), url('../images/style.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .bg.marketing-2 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/market.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .bg.marketing-3 {
    background-position: 50% 20%;
  }

  .bg.license {
    background-image: linear-gradient(#00000069, #00000069), url('../images/license.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
  }

  .bg.instock {
    background-image: url('../images/instock.jpg');
    background-position: 0%;
    background-size: cover;
  }

  .bg.public-market {
    background-image: url('../images/bg-public-2024-md.jpg');
    background-position: 50% 0;
  }

  .bg.bg-uk-2 {
    background-position: 25%;
  }

  .bg._3-pillar-2 {
    background-image: linear-gradient(#000000a8, #000000a8), url('../images/3-pillars-2.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .bg.indonesia, .bg.singapour, .bg.south-korea {
    background-position: 25%;
  }

  .bg.benelux, .bg.finland, .bg.greece, .bg.poland {
    background-position: 50%;
  }

  .bg.kasakstan {
    background-position: 25%;
  }

  .bg.russia {
    background-position: 50%;
  }

  .bg.bg-positionnement {
    background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  }

  .bg.bg-positionement-p3 {
    background-image: linear-gradient(#000000a8, #000000a8), url('../images/bg-comp-3-md.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
  }

  .bg.our-brand-hechter-paris-1 {
    background-image: url('../images/merc-md.jpg');
    background-position: 50% 20%;
  }

  .bg.our-brand-hechter-paris-2 {
    background-position: 50% 20%;
  }

  .bg.our-brand-hechter-paris-popup-versatility {
    background-image: url('../images/versatility-popup-2-v2.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .bg.our-brand-hechter-paris-popup-sharpness {
    background-image: url('../images/sharpness-popup-2-v2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .bg.our-brand-hechter-paris-popup-timeless {
    background-image: url('../images/timeless-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .bg.our-brand-hechter-paris-popup-performance {
    background-image: url('../images/performance-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .bg.our-brand-hechter-paris-popup-joyfull {
    background-image: url('../images/joyfull-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .bg.our-brand-hechter-paris-popup-confident {
    background-image: url('../images/confident-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .bg.our-brand-hechter-paris-popup-in-moion {
    background-image: url('../images/inmotion-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .bg.our-brand-hechter-paris-popup-efortless {
    background-image: url('../images/effortless-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .bg.milestones-10 {
    background-image: linear-gradient(88deg, #000000c4, #141414ad 74%), url('../images/2023.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
  }

  .bg.hechtertogether-1 {
    background-image: url('../images/hechtertogether-2024-md.jpg');
    background-position: 50% 20%;
  }

  .bg.hechtertogether-2 {
    background-image: url('../images/bg-hechtertogether-3-1_md.jpg');
    background-position: 100%;
  }

  .bg.bg-ingo {
    background-image: url('../images/bg-ingo-md.jpg');
    background-position: 100% 100%;
  }

  .bg.dh1 {
    background-image: url('../images/dh-2024-md.jpg');
  }

  .bg.dh2 {
    background-image: url('../images/dh-2024-2-md.jpg');
    background-position: 100% 0;
  }

  .bg.menswear {
    background-image: url('../images/bg-menswear-md.jpg');
    background-position: 50% 20%;
  }

  .bg.womenswear {
    background-image: url('../images/womanswear-07-24-1-tab_1.jpg');
  }

  .bg.eyewear {
    background-image: url('../images/eyewear-md.jpg');
    background-position: 50% 100%;
  }

  .bg.shoes {
    background-image: url('../images/SHOES-md.jpg');
  }

  .bg.leathergoods {
    background-image: url('../images/leather-07-24-tab.jpg');
  }

  .bg.lingerie {
    background-image: url('../images/lingerie-07-2027-tab.jpg');
  }

  .bg.writting {
    background-image: url('../images/WRITTING-2-md.jpg');
  }

  .bg.bg-bed {
    background-image: url('../images/bedlinine-md.jpg');
  }

  .bg.bg-home-furniture {
    background-image: url('../images/home-furniture-2024-md.jpg');
  }

  .bg.showroom-paris {
    background-image: url('../images/showroom-paris-md.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .bg.showroom-dusseldorf {
    background-image: url('../images/bg-brand-md.jpg');
    background-position: 50% 20%;
  }

  .bg.pos-china {
    background-image: url('../images/china-md.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .bg.bg-best-pos {
    background-image: url('../images/pos-2-md.jpg');
    background-position: 50%;
  }

  .bg.concept-bg {
    background-image: url('../images/concept-md.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .bg.mediapln {
    background-position: 50% 20%;
  }

  .bg.insta {
    background-image: linear-gradient(#00000080, #00000080), url('../images/insta-bg-md.jpg');
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
  }

  .bg.social {
    background-image: linear-gradient(#00000080, #00000080), url('../images/social-md.jpg');
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
  }

  .bg.rugby-2024 {
    background-image: url('../images/golf-tab.jpg');
    background-position: 50% 20%;
  }

  .bg.boxe-2024 {
    background-image: url('../images/boxe-2024-md.jpg');
    background-position: 50% 20%;
  }

  .bg.rugby-handall {
    background-image: url('../images/handball-md.jpg');
    background-position: 50% 20%;
  }

  .bg.hechtertogether-3 {
    background-image: url('../images/bg-hechtertogether-3-2-md.jpg');
    background-position: 50% 20%;
  }

  .bg.our-brand-hechter-paris-popup-sharpness-copy {
    background-image: url('../images/sharpness-popup-2-v2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .bg.our-brand-hechter-paris-popup-timelss-2 {
    background-image: url('../images/timeless-popup-2-v2.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .bg.our-brand-hechter-paris-popup-perf-v2 {
    background-image: url('../images/performance-popup-2.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .bg.our-brand-hechter-paris-popup-joyfull-v2 {
    background-image: url('../images/joyfull-popup-2-v2.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .bg.our-brand-hechter-paris-popup-confident-v2 {
    background-image: url('../images/confident-popup-2-v2.jpg');
    background-position: 50% 100%;
    background-size: cover;
  }

  .bg.our-brand-hechter-paris-popup-in-motion-v2 {
    background-image: url('../images/inmotion-popup-2-v2.jpg');
    background-position: 50% 25%;
    background-size: cover;
  }

  .bg.our-brand-hechter-paris-popup-effortless-v2 {
    background-image: url('../images/effortless-popup-2-v2.jpg');
    background-position: 50% 25%;
    background-size: cover;
  }

  .bg.mp, .bg.smfi, .bg.pressrelease {
    background-image: url('../images/eyewear-md.jpg');
    background-position: 50% 100%;
  }

  .bg.our-brand-hechter-paris-1-1 {
    background-image: url('../images/bg-brand.jpg');
    background-position: 100%;
  }

  .bg.womenswear-2 {
    background-image: url('../images/womanswear-07-24-1-tab.jpg');
  }

  .bg.childwear {
    background-image: url('../images/womanswear-07-24-1-tab_1.jpg');
  }

  .bg.golf {
    background-image: url('../images/golf-tab.jpg');
    background-position: 50% 20%;
  }

  .bg.underwear {
    background-image: url('../images/underwear-bg-v2.jpg');
    background-position: 100% 100%;
  }

  .close.remove-class {
    inset: 0% 0% auto auto;
  }

  .section__content--hlc {
    flex-direction: column;
    height: auto;
    padding: 60px 50px 50px;
  }

  .section__content--hlc.section__content--popup {
    padding-top: 20px;
  }

  .alert__close.remove-class {
    z-index: 10;
    top: 5px;
  }

  .text {
    font-size: 18px;
    line-height: 1.4;
  }

  .section__content__img {
    width: 100%;
    height: 350px;
    margin-right: 0%;
  }

  .section__content__img.content__img-lg, .section__content__img.content__img-50 {
    width: 100%;
  }

  .section__content__txt {
    width: 100%;
    height: auto;
  }

  .section__content__txt.section__content__txt--lg, .section__content__txt.section__content__txt--50 {
    width: 100%;
  }

  .content__title {
    width: 90%;
    margin-top: -23px;
    margin-left: 0%;
    padding: 10px 20px;
  }

  .big-number {
    font-size: 90px;
  }

  .item-number {
    margin-bottom: 50px;
    margin-right: 30px;
  }

  .item-number.item-number__30 {
    width: 45%;
  }

  .lg-number {
    font-size: 60px;
  }

  .item__number__wrap {
    justify-content: flex-start;
    margin-top: 50px;
  }

  .item__number__wrap.item__number--lg {
    margin-left: 0%;
  }

  .section__content--vcc {
    flex-direction: column;
    height: auto;
    padding: 60px 25px 50px;
  }

  .square-25vh {
    width: 200px;
    height: 200px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-8 {
    margin-top: -60px;
  }

  .section__content--vcl {
    flex-direction: column;
    height: auto;
    padding: 60px 50px 50px;
  }

  .wrap-list.mt_4vh {
    flex-direction: column;
  }

  .list__item {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .sm-number {
    font-size: 30px;
  }

  .trait-2 {
    flex: none;
    margin-left: 5px;
    margin-right: 5px;
  }

  .popup_header {
    height: 60px;
  }

  .popup__header__nav {
    display: none;
  }

  .popup__close.remove-all-class {
    width: 60px;
    height: 60px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .popup__content {
    padding-top: 60px;
    overflow: scroll;
  }

  .section__content--vtc, .section__content--vtl {
    flex-direction: column;
    height: auto;
    padding: 60px 25px 50px;
  }

  .card--30 {
    width: 48%;
    margin-bottom: 50px;
  }

  .card__img.mb_3vh {
    height: 350px;
  }

  .card--50 {
    width: 48%;
    margin-bottom: 50px;
  }

  .card--step {
    width: 100%;
    max-width: 350px;
    height: auto;
    margin-bottom: 0;
    padding: 55px 49px;
  }

  .step__line {
    border-right: 6px dotted var(--main-2);
    border-bottom-style: none;
    width: 1px;
    height: 50px;
  }

  .section__references {
    flex-direction: column;
    height: auto;
    padding: 0 25px 50px;
  }

  .references-header {
    top: 0;
  }

  .carre--references {
    width: 200px;
    height: 200px;
  }

  .section__content--hrc {
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    padding: 60px 50px 50px;
  }

  .section__content--hrc.section__content--popup {
    padding-top: 20px;
  }

  .section__content--hrc.bottom, .section__content--hrc.more-bottom, .section__content--hrc.bottom-bottomer {
    justify-content: center;
    align-items: center;
    padding-bottom: 60px;
  }

  .h1-vh--hero {
    font-size: 70px;
  }

  .section__content--vrc {
    flex-direction: column;
    height: auto;
    padding: 60px 50px 50px;
  }

  .section__content--vrc.section__content--popup {
    padding-top: 20px;
  }

  .h1--hero {
    font-size: 70px;
  }

  .nav-home {
    flex-direction: column;
    align-items: flex-end;
    height: auto;
    margin-top: 22px;
    position: relative;
  }

  .nav-home__button {
    margin-bottom: 13px;
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .section__content--hcc {
    flex-direction: column;
  }

  .hero_split__item {
    height: 50%;
    margin-bottom: 0;
  }

  .hero_split__item__text {
    height: 100%;
    padding: 20px;
  }

  .h2-vh.paddingl-50.mb_2vh {
    margin-bottom: 20px;
  }

  .arrow-big {
    width: 20px;
  }

  .h5--vh {
    font-size: 40px;
  }

  .logo {
    height: 50px;
  }

  .button-back, .nav-bottom {
    display: none;
  }

  .section--with-nav-bottom {
    padding-bottom: 0;
  }

  .trait-3 {
    flex: none;
    margin-left: 5px;
    margin-right: 5px;
  }

  .bloc-text {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    margin-right: 0%;
    padding: 35px 25px 0;
  }

  .list__num {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }

  .padding-fil-d-ariane {
    padding-top: 0;
  }

  .transition-leave {
    height: 130vh;
    bottom: -150%;
  }

  .header--spacebetween {
    height: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .header__nav, .header__nav.header__nav--no-medium {
    display: none;
  }

  .popup__close--absolute.remove-all-class {
    width: 60px;
    height: 60px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .card--auto {
    width: 48%;
    margin-bottom: 50px;
  }

  .h6--vh {
    font-size: 20px;
  }

  .section--100vh {
    height: auto;
  }

  .section--100vh.section--hero {
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 0;
    display: flex;
  }

  .section--100vh.secion--height-auto-sm {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
    display: flex;
  }

  .section--100vh.section--hero--list {
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .section--100vh.section--split {
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 0;
    display: flex;
  }

  .text-huge-absolute {
    font-size: 70px;
  }

  .section__content--hrb {
    flex-direction: column;
    height: auto;
    padding: 60px 50px 50px;
  }

  .section__content--hrb.section__content--popup {
    padding-top: 20px;
  }

  .section__content--bloc {
    width: 100%;
    min-width: 0;
  }

  .section__content--bloc.section-white-bg.margin {
    text-align: center;
    align-items: center;
    width: 100%;
  }

  .section__content--bloc.section-white-bg.margin-right {
    max-width: none;
    margin-bottom: 16px;
  }

  .section__content--bloc.section-white-bg.section-logo {
    align-items: center;
    width: auto;
  }

  .section__content--bloc.section-white-bg.bloc-wider-for-german-word {
    width: 100%;
  }

  .section__content--bloc.full {
    flex-direction: column;
  }

  .section__content--bloc.section-white-bg-small-devices {
    background-color: #ffffffd6;
    min-width: 0;
    max-width: none;
    padding: 36px 56px;
  }

  .section__content--bloc.section-white-bg-small-devices.section-logo {
    align-items: center;
    width: auto;
  }

  .section__content--bloc.text-white-small-device {
    color: #fff;
  }

  .section__content--bloc.content-card-pdf {
    height: auto;
  }

  .nav-home-other-part {
    height: 100px;
    display: none;
    position: relative;
  }

  .nav-home-other-part.tab {
    display: block;
  }

  .menu-link {
    width: auto;
    margin-top: 15px;
    margin-left: 0%;
  }

  .menu-link.menu-link--white.menu-link--selected.remove-class {
    justify-content: center;
  }

  .close-2 {
    margin-top: 15px;
    margin-right: 15px;
  }

  .close-2.remove-class.close-popup-emebed {
    margin-top: 25px;
  }

  .content-menu {
    align-items: center;
    padding-bottom: 0%;
  }

  .wrap-button-home-part-2-smart-device {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .link-bottom-overlay {
    text-align: center;
    justify-content: center;
    height: 50px;
    padding-left: 0;
    font-size: 16px;
  }

  .menu-overlay.open {
    align-items: flex-start;
  }

  .wrap-menu-sous-partie {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding: 0 0 135px;
    overflow: auto;
  }

  .menu-sous-partie {
    align-items: center;
    width: 90%;
    margin-right: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-link-not-available {
    width: auto;
    margin-left: 0%;
  }

  .titre-partie-menu {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 0;
    font-size: 45px;
  }

  .niveau-n {
    width: auto;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .niveau-n.niveau-n--only-touch-device {
    color: #fff;
    background-color: #425563;
    border-bottom-style: none;
    margin-top: 9px;
    margin-bottom: -1px;
    padding: 15px;
    font-weight: 300;
  }

  .inside-section-home {
    flex-direction: column;
  }

  .div-block-23 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .h1--home {
    background-color: var(--black-2);
    margin-top: -15%;
    margin-left: 0;
    padding: 14px;
    font-size: 25px;
    position: relative;
  }

  .h1--home.bg-2 {
    background-color: #1c2631;
  }

  .h2-home {
    font-size: 16px;
    inset: auto 0% -39px auto;
  }

  .paragraph, .paragraph.p-popup {
    font-size: 20px;
  }

  .paragraph.p-popup.p-poup-smaller {
    font-size: 18px;
  }

  .max-width-content {
    justify-content: flex-start;
  }

  .max-width-content.right {
    flex-direction: column;
  }

  .max-width-content.center {
    flex-flow: column;
    align-items: center;
  }

  .max-width-content.content-for-graphique {
    flex-direction: column;
    align-items: flex-start;
  }

  .max-width-content.content-with-card, .max-width-content.content-popup {
    flex-direction: column;
  }

  .max-width-content.content-popup-inside {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    overflow: auto;
  }

  .back {
    inset: auto auto 25px 25px;
  }

  .text-column-wrap {
    flex-direction: column;
  }

  .col {
    width: 100%;
  }

  .img-desktop {
    display: none;
  }

  .img-small-device {
    display: block;
  }

  .img-small-device.img-logohotel {
    width: 157px;
  }

  .logo-social {
    margin-top: 31px;
  }

  .h-menu {
    margin-bottom: 30px;
    font-size: 50px;
  }

  .h-menu.text--main, .h-menu.text--main-dark {
    font-size: 35px;
  }

  .menu__content.tab-open {
    top: 0;
  }

  .wrap-n-1.niveau-n-1 {
    background-color: #1d364b;
    padding-top: 38px;
    padding-bottom: 49px;
  }

  .bg-video-custom {
    opacity: 1;
  }

  .bg-video-2 {
    background-image: linear-gradient(#ffffff63, #ffffff63), url('../images/bg-home-remplacement.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    height: 100vh;
  }

  .bg-video-2.bg-video-home {
    background-image: linear-gradient(#0000, #0000);
  }

  .wrapper-2.wrap-section {
    padding-top: 0;
  }

  .nav-home__button-2 {
    margin-bottom: -8px;
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .html-embed {
    display: none;
  }

  .html-embed.video-no-display {
    display: block;
  }

  .html-embed.stay-on-small-devices {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .wrapper-map {
    width: 650px;
    height: 338px;
  }

  .dot, .dot.dot--france, .dot.dot--austria, .dot.dot--germany, .dot.dot--uk, .dot.dot-benelux, .dot.dot--finalnd, .dot.dot--sweden, .dot.dot--denmark, .dot.dot--suisse, .dot.dot--norway, .dot.dot--greece, .dot.dot--poland, .dot.dot--hongrie, .dot.dot--czech, .dot.dot--slovaklia, .dot.dot--bellarus, .dot.dot--moldavie, .dot.dot--ukrain, .dot.dot--russia, .dot.dot--lithuania, .dot.dot--kazakstan, .dot.dot--georgia, .dot.dot--canada, .dot.dot--usa, .dot.dot--mexique, .dot.dot--argentine, .dot.dot--mongolie, .dot.dot--india, .dot.dot--indonesie, .dot.dot--cambodge, .dot.dot--malaise, .dot.dot--china, .dot.dot--vietnam, .dot.dot--thailand, .dot.dot--south-korea, .dot.dot--philipines, .dot.dot--uae, .dot.dot--jordanie, .dot.dot--liban, .dot.dot--arabie-saoudite, .dot.dot--qatar, .dot.dot--iran, .dot.dot--israel, .dot.dot--egypt, .dot.dot--morocco, .dot.dot--south-africa, .dot.dot--boswana, .dot.dot--namibia, .dot.dot--kenya, .dot.dot--australia, .dot.dot--new-zeland, .dot.dot--mali, .dot.dot--irelande, .dot.dot--espagne, .dot.dot--italie, .dot.dot--irak, .dot.dot--latvia, .dot.dot--albanie, .dot.dot--roumanie, .dot.dot--azerbaijan, .dot.dot--ouzbekistan, .dot.dot--palestine {
    width: 30px;
    height: 30px;
  }

  .popup-map {
    overflow: hidden;
  }

  .btn-download {
    color: #fff;
    background-color: #9d2161;
    margin-top: 13px;
    padding-right: 18px;
    position: fixed;
    inset: auto 15px 0% auto;
  }

  .link-bestdoc.nosmartphone {
    padding: 7px;
    display: block;
    inset: auto 0% 0% auto;
  }

  .wrap-button {
    flex-direction: column;
    align-items: center;
  }

  .fil-d-ariane, .wrap-button-next-section {
    display: none;
  }

  .info--text, .info--text.open {
    width: 100%;
    left: 0;
  }

  .button__container-2.mt_2vh.desktop-only {
    display: none;
  }

  .button__container-2.mt_2vh.desktop-only.btn-condensed {
    display: block;
  }

  .sidebar__logo__img-2 {
    width: 150px;
  }

  .container-n {
    flex-direction: column;
  }

  .h3--vh-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 25px;
  }

  .niveau-n-1, .niveau-n-1-v-selected {
    margin-top: 45px;
  }

  .gear {
    bottom: 60px;
  }

  .btn-version-selection {
    color: #fff;
    background-color: #ff4b00;
    margin-top: 13px;
    position: fixed;
    inset: auto auto 5px 5px;
  }

  .btn-version-selection.btn-download--parametres {
    background-color: #0000;
  }

  .h3--vh-3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 35px;
  }

  .btn-download-2 {
    color: #fff;
    background-color: #ff4b00;
    margin-top: 13px;
    position: fixed;
    inset: auto auto 5px 5px;
  }

  .btn-download-2.btn-download--parametres {
    background-color: #0000;
  }

  .settings.open {
    background-color: var(--black-2);
  }

  .popup-ealrning__content {
    max-height: 80%;
    padding-left: 31px;
    padding-right: 31px;
    overflow: hidden;
  }

  .popup-elearning__wrap-text {
    flex-direction: column;
    padding-right: 39px;
    overflow: auto;
  }

  .popup-elearning__col {
    width: 100%;
  }

  .elearning-trigger {
    bottom: 60px;
  }

  .gestion {
    position: fixed;
    inset: 0% auto auto -100%;
  }

  .hplus {
    margin-left: 2px;
    margin-right: 17px;
  }

  .bg-video-3 {
    height: 100vh;
  }

  .close-3 {
    margin-top: 15px;
    margin-right: 15px;
  }

  .close-3.close-popup {
    margin-top: 0;
  }

  .div-h._100w {
    flex-direction: column;
    align-items: flex-start;
  }

  .graphique {
    margin-top: 72px;
    margin-left: 0;
  }

  .popup-hechter {
    overflow: hidden;
  }

  .popup-hechter.popup-absolute {
    z-index: 101;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 100vh;
    position: fixed;
    top: 0;
  }

  .popup-hechter.popup-absolute.open {
    min-width: 0;
  }

  .popup-hechter.popup-absolute.open-popup-abs {
    top: 58px;
  }

  .popup-content {
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding: 60px 50px 50px;
    overflow: hidden;
  }

  .popup-content.section__content--popup {
    padding-top: 20px;
  }

  .popup-content.bottom, .popup-content.more-bottom, .popup-content.bottom-bottomer {
    justify-content: center;
    align-items: center;
    padding-bottom: 60px;
  }

  .popup-content.popup-conten-nested {
    padding-left: 64px;
    padding-right: 64px;
  }

  .wrap-menu-2024 {
    height: 100svh;
  }

  .close-menu-2024.burger--no-desktop {
    display: flex;
  }

  .close-menu-2024.remove-all-class {
    position: absolute;
  }

  .menu-2024__content {
    display: flex;
  }

  .all-tabs-trigger {
    z-index: 10;
    flex-direction: column;
    align-items: flex-start;
    height: 100vh;
    padding-top: 64px;
    padding-bottom: 43px;
    position: absolute;
    left: 0%;
  }

  .all-tabs-trigger.all-tabs--inview {
    left: 0;
  }

  .all-tab-content {
    z-index: 11;
    width: auto;
    height: auto;
    padding-top: 84px;
    position: static;
    inset: 0% auto auto 0%;
  }

  .tab-content {
    flex-direction: column;
    padding-top: 62px;
    display: none;
    position: relative;
  }

  .tab-content.tab-open {
    background-color: var(--grey-light);
    margin-top: 68px;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .menu-2024__card {
    flex: none;
    height: 450px;
  }

  .menu-2024__card.menu-2024--card-solo {
    height: 650px;
  }

  .tab-name {
    z-index: 1;
    background-color: var(--light-grey2);
    color: var(--light-grey);
    height: 50px;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .arrow-back-menu-2024 {
    opacity: 1;
    width: 15px;
    height: 15px;
  }

  .wrap-arrow-back {
    background-color: var(--black-2);
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .wrap-card-tab {
    flex-direction: column;
    padding-bottom: 137px;
    display: flex;
    overflow: auto;
  }

  .wrap-card-tab.wrap-card-6.wrap-card-pdf, .wrap-card-tab.wrap-card-8.wrap-card-pdf {
    height: auto;
    overflow: visible;
  }

  .verbatim {
    font-size: 20px;
  }

  .auto-slider.wrap-bg--white.wrap-bg-step {
    padding-top: 0;
  }

  .auto-slider.wrap-bg-100vh {
    height: 100vh;
  }

  .auto-slide.milestones-1, .auto-slide.bg__qui-sommes-nous__img2, .auto-slide.milestones-2 {
    background-position: 50% 20%;
  }

  .auto-slide.milestones-3 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.milestones-4, .auto-slide.milestones-5, .auto-slide.milestones-6, .auto-slide.milestones-7, .auto-slide.milestones-8, .auto-slide.milestones-9 {
    background-position: 50% 20%;
  }

  .auto-slide.lifestyle-1 {
    background-position: 0%;
  }

  .auto-slide.lifestyle-2 {
    background-position: 50% 20%;
  }

  .auto-slide.key-figure {
    background-image: url('../images/key-md.jpg');
    background-position: 75% 100%;
  }

  .auto-slide._3-pillars-1 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/3-pillars-1.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.brand-philosophy {
    background-image: linear-gradient(to bottom, null, null), url('../images/Brand-Philosophy-2.jpg');
    background-position: 0 0, 0%;
  }

  .auto-slide.eruope, .auto-slide.austria {
    background-position: 25%;
  }

  .auto-slide.france-1 {
    background-position: 100%;
  }

  .auto-slide.france-2 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.asia, .auto-slide.china-1 {
    background-position: 25%;
  }

  .auto-slide.philipines {
    background-position: 25%;
    width: 100%;
  }

  .auto-slide.south-africa, .auto-slide.egypt, .auto-slide.morocco {
    background-position: 25%;
  }

  .auto-slide.we-wax-the-world {
    background-position: 33%;
  }

  .auto-slide.middle-east, .auto-slide.jordan, .auto-slide.israel, .auto-slide.canada, .auto-slide.argentina, .auto-slide.mexico, .auto-slide.pacific {
    background-position: 25%;
  }

  .auto-slide.pacific-2 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.iran {
    background-position: 25%;
  }

  .auto-slide.comitments-1, .auto-slide.comitments-2 {
    background-position: 50% 20%;
  }

  .auto-slide.step {
    background-position: 50% 20%;
    width: 100%;
  }

  .auto-slide.mid-long-1, .auto-slide.mid-long-2, .auto-slide.convention-1, .auto-slide.convention-2 {
    background-position: 50% 20%;
  }

  .auto-slide.bg-austria-solo {
    background-position: 25%;
  }

  .auto-slide.austria-2 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.allemangne, .auto-slide.bg-uk, .auto-slide.poland {
    background-position: 25%;
  }

  .auto-slide.poland-2 {
    background-image: linear-gradient(#f3f3f359, #f3f3f359), url('../images/our-milestone-3.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.austrlia-1 {
    background-position: 25%;
  }

  .auto-slide.men-ready-1 {
    background-image: linear-gradient(#00000061, #00000061), url('../images/ready-to-wear-1.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
  }

  .auto-slide.men-ready-2 {
    background-position: 50% 20%;
  }

  .auto-slide.techno-1 {
    background-image: linear-gradient(#00000069, #00000069), url('../images/techno-1.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
  }

  .auto-slide.techno-2 {
    background-position: 50% 20%;
  }

  .auto-slide.techno-3 {
    background-image: linear-gradient(#00000070, #00000070), url('../images/techno-3.jpg');
    background-position: 0 0, 0%;
  }

  .auto-slide.accesories {
    background-position: 50%;
    width: 100%;
    margin-top: 0;
  }

  .auto-slide.leather {
    background-position: 0%;
  }

  .auto-slide.women-ready-1 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/women-ready-1.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.women-lingerie {
    background-position: 100% 100%;
  }

  .auto-slide.home {
    background-position: 0%;
  }

  .auto-slide.hotel {
    background-position: 50% 20%;
  }

  .auto-slide.hotel-2 {
    background-image: url('../images/hotel-2-ref.jpg');
    background-position: 50% 20%;
  }

  .auto-slide.catering-1 {
    background-position: 50% 20%;
  }

  .auto-slide.catering-2 {
    background-image: url('../images/catering-2-smartphone.jpg');
    background-position: 50% 20%;
  }

  .auto-slide.catering-3 {
    background-image: url('../images/catering-3-smartphone.jpg');
    background-position: 50% 20%;
  }

  .auto-slide.automobile {
    background-position: 50% 20%;
  }

  .auto-slide.host {
    background-position: 50% 20%;
    background-attachment: fixed;
  }

  .auto-slide.sports, .auto-slide.tourism-1, .auto-slide.tourism-2, .auto-slide.psg, .auto-slide.stade-francais, .auto-slide.fft, .auto-slide.marketing {
    background-position: 50% 20%;
  }

  .auto-slide.style {
    background-image: linear-gradient(#0000006e, #0000006e), url('../images/style.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.marketing-2 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/market.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.marketing-3 {
    background-position: 50% 20%;
  }

  .auto-slide.license {
    background-image: linear-gradient(#00000069, #00000069), url('../images/license.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
  }

  .auto-slide.instock {
    background-image: url('../images/instock.jpg');
    background-position: 0%;
    background-size: cover;
  }

  .auto-slide.public-market {
    background-position: 50% 20%;
  }

  .auto-slide.bg-uk-2 {
    background-position: 25%;
  }

  .auto-slide._3-pillar-2 {
    background-image: linear-gradient(#000000a8, #000000a8), url('../images/3-pillars-2.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .auto-slide.indonesia, .auto-slide.singapour, .auto-slide.south-korea {
    background-position: 25%;
  }

  .auto-slide.benelux, .auto-slide.finland, .auto-slide.greece, .auto-slide.poland {
    background-position: 50%;
  }

  .auto-slide.kasakstan {
    background-position: 25%;
  }

  .auto-slide.russia {
    background-position: 50%;
  }

  .auto-slide.bg-positionnement {
    background-image: linear-gradient(#00000080, #00000080), url('../images/3-pillars-1.jpg');
    background-position: 0 0, 50% 20%;
    background-size: auto, cover;
  }

  .auto-slide.bg-positionement-p3 {
    background-image: linear-gradient(#000000a8, #000000a8), url('../images/competitor-p1-md.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
  }

  .auto-slide.our-brand-hechter-paris-1 {
    background-image: url('../images/bg-brand-md.jpg');
    background-position: 50% 20%;
  }

  .auto-slide.our-brand-hechter-paris-2 {
    background-position: 50% 20%;
  }

  .auto-slide.our-brand-hechter-paris-popup-versatility {
    background-image: url('../images/versatility-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .auto-slide.our-brand-hechter-paris-popup-sharpness {
    background-image: url('../images/sharpness-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .auto-slide.our-brand-hechter-paris-popup-timeless {
    background-image: url('../images/timeless-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .auto-slide.our-brand-hechter-paris-popup-performance {
    background-image: url('../images/performance-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .auto-slide.our-brand-hechter-paris-popup-joyfull {
    background-image: url('../images/joyfull-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .auto-slide.our-brand-hechter-paris-popup-confident {
    background-image: url('../images/confident-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .auto-slide.our-brand-hechter-paris-popup-in-moion {
    background-image: url('../images/inmotion-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .auto-slide.our-brand-hechter-paris-popup-efortless {
    background-image: url('../images/effortless-popup-2.jpg');
    background-position: 50% 20%;
    background-size: auto;
  }

  .auto-slide.milestones-10 {
    background-image: linear-gradient(88deg, #000000c4, #141414ad 74%), url('../images/2023.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
  }

  .auto-slide.hechtertogether-1, .auto-slide.hechtertogether-2 {
    background-image: url('../images/bg-brand-md.jpg');
    background-position: 50% 20%;
  }

  .auto-slide.bg-ingo {
    background-image: url('../images/bg-ingo-md.jpg');
    background-position: 100% 100%;
  }

  .auto-slide.dh1 {
    background-image: url('../images/dh-2024-md.jpg');
  }

  .auto-slide.dh2 {
    background-image: url('../images/dh-2024-2-md.jpg');
    background-position: 100% 0;
  }

  .auto-slide.menswear {
    background-image: url('../images/bg-menswear-md.jpg');
    background-position: 50% 20%;
  }

  .auto-slide.womenswear {
    background-image: url('../images/womenswear-md.jpg');
  }

  .auto-slide.eyewear {
    background-image: url('../images/eyewear-md.jpg');
    background-position: 50% 100%;
  }

  .auto-slide.shoes {
    background-image: url('../images/SHOES-md.jpg');
  }

  .auto-slide.leathergoods {
    background-image: url('../images/bg-leather-md.jpg');
  }

  .auto-slide.lingerie {
    background-image: url('../images/lingerie-2-2024-md.jpg');
  }

  .auto-slide.writting {
    background-image: url('../images/WRITTING-2-md.jpg');
  }

  .auto-slide.bg-home-furniture {
    background-image: url('../images/bg-home-furniture-md.jpg');
  }

  .auto-slide.showroom-paris {
    background-image: url('../images/showroom-paris-md.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .auto-slide.showroom-dusseldorf {
    background-image: url('../images/bg-brand-md.jpg');
    background-position: 50% 20%;
  }

  .auto-slide.pos-china {
    background-image: url('../images/pos-1-md.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .auto-slide.bg-best-pos {
    background-image: url('../images/pos-2-md.jpg');
    background-position: 50%;
  }

  .auto-slide.concept-bg {
    background-image: url('../images/concept-md.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .header--for-menu {
    width: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  .header--for-menu.relative {
    background-color: var(--black-2);
    width: 100%;
    height: 60px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .header--for-menu.relative.header--menu-2024 {
    background-color: var(--transparent);
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .h5, .h1--vh {
    font-size: 35px;
  }

  .h1--vh.text--main, .h1--vh.text--main-dark {
    margin-bottom: 30px;
  }

  .h2--vh {
    font-size: 35px;
  }

  .h3--vh {
    font-size: 30px;
  }

  .tab__item {
    padding-left: 25px;
    padding-right: 25px;
  }

  .menu__content.hide {
    display: none;
  }

  .ml0--sm {
    margin-left: 0;
  }

  .errase.errase--h {
    width: 100%;
    overflow: hidden;
  }

  .vtl--sm {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .vtc--sm {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .wrap-card {
    flex-flow: column;
    justify-content: flex-start;
  }

  .wrap-card.wrap-card--references {
    flex-flow: wrap;
    height: auto;
    margin-top: 251px;
  }

  .card-1 {
    flex: none;
    width: 100%;
    height: 350px;
  }

  .bg.we-wax-the-world {
    background-image: linear-gradient(#00000080, #00000080), url('../images/wax.jpg');
    background-position: 0 0, 45%;
    background-size: auto, cover;
  }

  .bg.men-ready-3 {
    background-image: linear-gradient(to bottom, null, null), url('../images/ready-to-wear-3.jpg');
    background-position: 0 0, 50%;
  }

  .bg.techno-2 {
    background-image: linear-gradient(#00000091, #00000091), url('../images/techno-2.jpg');
    background-position: 0 0, 75%;
  }

  .bg.women-ready-1 {
    background-position: 0%;
  }

  .bg.marketing-2 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/market.jpg');
    background-position: 0 0, 0%;
  }

  .bg.milestones-10 {
    background-position: 0 0, 25%;
  }

  .bg.underwear {
    background-image: url('../images/underwear-bg-v2.jpg');
  }

  .close {
    right: 10px;
  }

  .section__content--hlc {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .section__content--hlc.section__content--popup {
    padding-top: 20px;
  }

  .alert__close.remove-class {
    top: 15px;
    right: 15px;
  }

  .big-number {
    font-size: 70px;
  }

  .item-number.item-number__30 {
    width: 100%;
    margin-right: 0;
  }

  .lg-number {
    font-size: 50px;
  }

  .item__number__wrap {
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
  }

  .square-25vh {
    width: 250px;
    height: 250px;
    margin-bottom: 20px;
  }

  .section__content--vcl {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .sm-number {
    font-size: 25px;
  }

  .popup__close {
    right: 10px;
  }

  .popup__content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .card--30, .card--50, .card--step {
    width: 100%;
  }

  .section__references {
    height: 100vh;
    padding-bottom: 41px;
    overflow: hidden;
  }

  .references-header {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .references-titre {
    flex-direction: column;
    align-items: flex-start;
  }

  .filtre-1 {
    margin-top: 22px;
  }

  .filtre-checkbox {
    margin-right: 5px;
  }

  .filtre-item {
    margin-right: 10px;
  }

  .carre--references {
    width: 140px;
    height: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .section__content--hrc {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .section__content--hrc.section__content--popup {
    padding-top: 20px;
  }

  .h1-vh--hero {
    font-size: 60px;
  }

  .section__content--vrc {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .section__content--vrc.section__content--popup {
    padding-top: 20px;
  }

  .h1--hero {
    font-size: 60px;
  }

  .hero_split__item {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .h5--vh {
    font-size: 35px;
  }

  .paddingl-50 {
    padding-left: 25px;
  }

  .transition-leave {
    height: 120vh;
    bottom: -140%;
  }

  .popup__close--absolute {
    right: 10px;
  }

  .card--auto {
    width: 100%;
  }

  .h6--vh {
    font-size: 20px;
  }

  .text-huge-absolute {
    font-size: 60px;
  }

  .section__content--hrb {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .section__content--hrb.section__content--popup {
    padding-top: 20px;
  }

  .section__content--bloc {
    width: 100%;
  }

  .section__content--bloc.text-white.wider {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .section__content--bloc.section-white-bg {
    min-width: 0;
    max-width: none;
    padding-left: 39px;
    padding-right: 39px;
  }

  .section__content--bloc.section-white-bg.wider {
    width: 100%;
    max-width: none;
  }

  .section__content--bloc.section-white-bg-small-devices {
    min-width: 0;
    max-width: none;
    padding-left: 39px;
    padding-right: 39px;
  }

  .h1--home {
    margin-left: -51px;
    font-size: 30px;
  }

  .title-logo {
    flex-direction: column;
  }

  .logo-amfori {
    margin-top: -34px;
    margin-bottom: 41px;
  }

  .h-menu {
    font-size: 35px;
  }

  .h-menu.text--main, .h-menu.text--main-dark {
    margin-bottom: 30px;
  }

  .bg-video-2 {
    background-image: linear-gradient(#ffffff63, #ffffff63), url('../images/bg-home-remplacement.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .wrapper-map {
    width: 450px;
    height: 234px;
  }

  .link-bestdoc.nosmartphone {
    z-index: 1;
    display: flex;
    bottom: 10px;
    right: 15px;
  }

  .button__container-2.mt_2vh.desktop-only.btn-condensed {
    display: block;
  }

  .h3--vh-2 {
    font-size: 30px;
  }

  .gear {
    z-index: 10;
  }

  .h3--vh-3 {
    font-size: 30px;
  }

  .popup-ealrning__content {
    max-height: 80%;
  }

  .elearning-trigger {
    z-index: 10;
  }

  .hplus {
    width: 35px;
    height: 35px;
    margin-right: 8px;
    padding: 8px;
  }

  .wrap-card-square {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-left: 0;
  }

  .suqare-card {
    width: 100%;
    height: 250px;
    margin-bottom: 13px;
  }

  .popup-content {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .popup-content.section__content--popup {
    padding-top: 20px;
  }

  .auto-slide.we-wax-the-world {
    background-image: linear-gradient(#00000080, #00000080), url('../images/wax.jpg');
    background-position: 0 0, 45%;
    background-size: auto, cover;
  }

  .auto-slide.men-ready-3 {
    background-image: linear-gradient(to bottom, null, null), url('../images/ready-to-wear-3.jpg');
    background-position: 0 0, 50%;
  }

  .auto-slide.techno-2 {
    background-image: linear-gradient(#00000091, #00000091), url('../images/techno-2.jpg');
    background-position: 0 0, 75%;
  }

  .auto-slide.women-ready-1 {
    background-position: 0%;
  }

  .auto-slide.marketing-2 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/market.jpg');
    background-position: 0 0, 0%;
  }

  .auto-slide.milestones-10 {
    background-position: 0 0, 25%;
  }
}

@media screen and (max-width: 479px) {
  .h2 {
    font-size: 14px;
  }

  .h5 {
    font-size: 25px;
  }

  .text-vh--xsm {
    padding-left: 0;
  }

  .h1--vh {
    letter-spacing: 3px;
    margin-bottom: 19px;
    font-size: 24px;
  }

  .h1--vh.text--main {
    font-size: 26px;
  }

  .h1--vh.text--main.h1-popup {
    font-size: 20px;
  }

  .h1--vh.text--main-dark {
    font-size: 26px;
  }

  .h2--vh {
    font-size: 28px;
  }

  .h3--vh {
    font-size: 25px;
  }

  .sidebar__trigger {
    width: 35px;
    height: 35px;
  }

  .header {
    height: 60px;
  }

  .header.relative {
    justify-content: space-between;
  }

  .burger {
    right: 15px;
  }

  .tab {
    justify-content: center;
  }

  .text--vh--md {
    font-size: 16px;
  }

  .menu__content {
    padding: 25px 15px 5px;
  }

  .ml_100 {
    margin-left: 75px;
  }

  .errase.errase--h {
    flex-direction: column;
  }

  .mr_100 {
    margin-right: 75px;
  }

  .vtc--xs {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .vtl--xs {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .wrap-card.wrap-card--references {
    justify-content: center;
    margin-top: 328px;
    padding-bottom: 120px;
  }

  .wrap-bg.wrap-bg-100vh {
    height: 100vh;
  }

  .bg.milestones-9 {
    background-image: linear-gradient(#0009, #0009), url('../images/our-milestone-9.jpg');
    background-position: 0 0, 25%;
  }

  .bg.key-figure {
    background-image: url('../images/key-sm.jpg');
  }

  .bg.brand-philosophy {
    background-image: linear-gradient(#0000007d, #0000007d), url('../images/Brand-Philosophy-2.jpg');
    background-position: 0 0, 15%;
  }

  .bg.we-wax-the-world {
    background-image: linear-gradient(to bottom, null, null), url('../images/wax.jpg');
    background-position: 0 0, 65%;
  }

  .bg.techno-1 {
    background-image: linear-gradient(#00000087, #00000087), url('../images/techno-1.jpg');
    background-position: 0 0, 25%;
  }

  .bg.techno-3 {
    background-image: linear-gradient(#00000061, #00000061), url('../images/techno-3.jpg');
    background-position: 0 0, 20%;
  }

  .bg.accesories {
    background-position: 100%;
  }

  .bg.women-ready-1 {
    background-image: linear-gradient(#0000004f, #0000004f), url('../images/women-ready-1.jpg');
    background-position: 0 0, 25%;
    background-size: auto, cover;
  }

  .bg.women-lingerie {
    background-position: 100% 100%;
  }

  .bg.host {
    background-position: 95%;
    background-size: auto;
  }

  .bg.tourism-1 {
    background-image: url('../images/bg-pad-sm.jpg');
  }

  .bg.marketing-2 {
    background-image: linear-gradient(#0000007a, #0000007a), url('../images/market.jpg');
    background-position: 0 0, 25%;
  }

  .bg.instock {
    background-position: 15%;
  }

  .bg.public-market {
    background-image: url('../images/bg-public-2024-sm.jpg');
  }

  .bg.benelux, .bg.finland, .bg.greece, .bg.poland {
    background-position: 50%;
  }

  .bg.bg-positionement-p3 {
    background-image: linear-gradient(#0000, #0000), url('../images/bg-comp-3-sm.jpg');
  }

  .bg.our-brand-hechter-paris-1 {
    background-image: url('../images/merch-sm.jpg');
    background-position: 100%;
  }

  .bg.sharpness, .bg.confident {
    background-position: 100%;
  }

  .bg.milestones-10 {
    background-image: linear-gradient(#0000006b, #0000006b), url('../images/2023-sm.jpg');
    background-position: 0 0, 50% 0;
  }

  .bg.hechtertogether-1 {
    background-image: url('../images/hechtertogether-2024-sm.jpg');
    background-position: 100%;
  }

  .bg.hechtertogether-2 {
    background-image: url('../images/bg-hechtertogether-3-2-sm.jpg');
    background-position: 100%;
  }

  .bg.bg-ingo {
    background-image: url('../images/bg-ingo-sm.jpg');
    background-position: 100%;
  }

  .bg.dh1 {
    background-image: url('../images/dh-2024-sm.jpg');
    background-position: 100%;
  }

  .bg.dh2 {
    background-image: url('../images/dh-2024-2-sm.jpg');
    background-position: 100%;
  }

  .bg.menswear {
    background-image: url('../images/bg-menswear-sm.jpg');
    background-position: 100%;
  }

  .bg.womenswear {
    background-image: url('../images/womanswear-07-24-1-phone_1.jpg');
  }

  .bg.eyewear {
    background-image: url('../images/eyewear-sm.jpg');
    background-position: 100%;
  }

  .bg.shoes {
    background-image: url('../images/SHOES-sm.jpg');
  }

  .bg.leathergoods {
    background-image: url('../images/leather-07-24-phone.jpg');
  }

  .bg.lingerie {
    background-image: url('../images/lingerie-07-2027-phone.jpg');
    background-position: 50%;
  }

  .bg.writting {
    background-image: url('../images/WRITTING-2-sm.jpg');
    background-position: 0%;
  }

  .bg.bg-bed {
    background-image: url('../images/bedlinine-sm.jpg');
    background-position: 50%;
  }

  .bg.bg-home-furniture {
    background-image: url('../images/home-furniture-2024-sm.jpg');
  }

  .bg.showroom-paris {
    background-image: url('../images/showroom-paris-sm.jpg');
    background-position: 100%;
    background-size: cover;
  }

  .bg.showroom-dusseldorf {
    background-image: url('../images/bg-brand-sm.jpg');
    background-position: 100%;
  }

  .bg.pos-china {
    background-image: url('../images/china-sm.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .bg.bg-best-pos {
    background-image: url('../images/pos-2-sm.jpg');
  }

  .bg.concept-bg {
    background-image: url('../images/concept-sm.jpg');
    background-position: 100%;
    background-size: cover;
  }

  .bg.insta {
    background-image: linear-gradient(#0009, #0009), url('../images/insta-bg-sm.jpg');
    background-position: 0 0, 0%;
  }

  .bg.social {
    background-image: linear-gradient(#0009, #0009), url('../images/social-sm.jpg');
    background-position: 0 0, 50% 100%;
  }

  .bg.rugby-2024 {
    background-image: url('../images/golf-phone.jpg');
    background-position: 50%;
  }

  .bg.boxe-2024 {
    background-image: url('../images/boxe-2024-sm.jpg');
    background-position: 50%;
  }

  .bg.rugby-handall {
    background-image: url('../images/handball-sm.jpg');
    background-position: 50%;
  }

  .bg.hechtertogether-3 {
    background-image: url('../images/bg-hechtertogether-3-2-sm.jpg');
    background-position: 100%;
  }

  .bg.mp, .bg.smfi, .bg.pressrelease {
    background-image: url('../images/eyewear-sm.jpg');
    background-position: 100%;
  }

  .bg.our-brand-hechter-paris-1-1 {
    background-image: url('../images/bg-brand-sm.jpg');
    background-position: 100%;
  }

  .bg.womenswear-2 {
    background-image: url('../images/womanswear-07-24-1-phone.jpg');
  }

  .bg.childwear {
    background-image: url('../images/womanswear-07-24-1-phone_1.jpg');
  }

  .bg.golf {
    background-image: url('../images/handball-sm.jpg');
    background-position: 50%;
  }

  .bg.underwear {
    background-image: url('../images/underwear-card_1.jpg');
    background-position: 50% 100%;
  }

  .close {
    inset: 0% 0% auto auto;
  }

  .close.remove-class {
    position: relative;
    top: 7px;
  }

  .close.remove-class.close--settings {
    position: absolute;
  }

  .section__content--hlc {
    padding-left: 0;
    padding-right: 0;
  }

  .section__content--hlc.section__content--popup {
    padding-top: 0;
  }

  .alert__close.remove-class {
    top: 0;
  }

  .text {
    font-size: 18px;
  }

  .text.cap.bold.mt_16 {
    font-size: 16px;
  }

  .content__title {
    margin-top: -58px;
    padding-top: 49px;
    padding-bottom: 20px;
  }

  .content__title.content__title--lg {
    padding-left: 0;
  }

  .big-number {
    font-size: 40px;
  }

  .item-number {
    background-color: var(--white-smoke);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 9px;
    padding-top: 29px;
    padding-bottom: 29px;
    padding-left: 15px;
    display: flex;
  }

  .lg-number {
    font-size: 30px;
  }

  .item__number__wrap {
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
    padding-left: 15px;
  }

  .item__number__wrap.item__number--lg {
    padding-left: 0;
  }

  .section__content--vcc, .section__content--vcl {
    padding-left: 15px;
    padding-right: 15px;
  }

  .popup_header {
    height: 40px;
  }

  .popup__close {
    inset: 0% 0% auto auto;
  }

  .popup__close.remove-all-class {
    width: 40px;
    height: 40px;
  }

  .popup__content {
    padding-top: 40px;
  }

  .section__content--vtc, .section__content--vtl {
    padding-left: 15px;
    padding-right: 15px;
  }

  .card__img.mb_3vh {
    height: 250px;
  }

  .section__references {
    padding-left: 15px;
    padding-right: 15px;
  }

  .references-header {
    height: 220px;
    padding-bottom: 1px;
  }

  .filtre-1 {
    height: 30px;
  }

  .fitlre-1--img {
    width: 30px;
    height: 30px;
  }

  .filtre {
    align-items: center;
    width: 100%;
    height: 80px;
    margin-top: 36px;
    padding-top: 40px;
    padding-bottom: 34px;
    overflow: auto;
  }

  .carre--references {
    width: 250px;
    height: 250px;
  }

  .logo-img {
    justify-content: flex-start;
    width: auto;
    min-width: 0;
    padding-left: 15px;
  }

  .section__content--hrc {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section__content--hrc.section__content--popup {
    padding-top: 0;
  }

  .h1-vh--hero {
    font-size: 40px;
  }

  .section__content--vrc {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section__content--vrc.section__content--popup {
    padding-top: 0;
  }

  .h1--hero {
    font-size: 40px;
  }

  .hero_split__item {
    height: 50%;
    max-height: none;
  }

  .arrow-big {
    margin-right: 8px;
  }

  .h5--vh {
    font-size: 25px;
  }

  .paddingl-50 {
    padding-left: 15px;
  }

  .transition-leave {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .header--spacebetween {
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .popup__close--absolute {
    inset: 0% 0% auto auto;
  }

  .popup__close--absolute.remove-all-class {
    width: 40px;
    height: 40px;
  }

  .h6--vh {
    font-size: 18px;
  }

  .text-huge-absolute {
    font-size: 40px;
  }

  .section__content--hrb {
    padding-left: 0;
    padding-right: 0;
  }

  .section__content--hrb.section__content--popup {
    padding-top: 0;
  }

  .section__content--bloc {
    width: 100%;
  }

  .section__content--bloc.text-white {
    min-width: 0;
    max-width: none;
  }

  .section__content--bloc.section-white-bg, .section__content--bloc.section-white-bg-small-devices {
    padding-left: 19px;
    padding-right: 19px;
  }

  .section__content--bloc.text-white-small-device {
    min-width: 0;
    max-width: none;
  }

  .close-2 {
    width: 20px;
    height: 20px;
  }

  .close-2.remove-class {
    background-color: #fff;
    padding: 0;
  }

  .content-menu {
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrap-button-home-part-2-smart-device {
    width: 100%;
  }

  .titre-partie-menu {
    font-size: 30px;
  }

  .niveau-n {
    margin-top: 38px;
    margin-bottom: 0;
  }

  .niveau-n.niveau-n--only-touch-device {
    max-width: 100%;
    margin-top: 12px;
    font-size: 16px;
  }

  .h1--home {
    text-align: center;
    width: 100%;
    margin-left: 0;
    font-size: 20px;
  }

  .paragraph {
    font-size: 16px;
  }

  .back {
    inset: auto auto 25px 15px;
  }

  .title-logo {
    flex-direction: column;
  }

  .logo-amfori {
    max-width: none;
    margin-top: -19px;
  }

  .logo-climat {
    height: 32px;
  }

  .h-menu {
    letter-spacing: 3px;
    margin-bottom: 19px;
    font-size: 24px;
  }

  .h-menu.text--main, .h-menu.text--main-dark {
    font-size: 26px;
  }

  .menu__content.tab-open {
    padding: 0;
  }

  .bg-video-2 {
    background-image: linear-gradient(#ffffff91, #ffffff91), url('../images/bg-home-remplacement.jpg');
    background-position: 0 0, 75%;
  }

  .logo-home {
    margin-top: 82px;
  }

  .container-loho-home {
    height: 80%;
  }

  .accroche {
    font-size: 22px;
  }

  .nav-home__button-2 {
    margin-bottom: 0;
  }

  .nav-home__button-2.install.btn-download {
    text-align: center;
  }

  .wrapper-map {
    width: 300px;
    height: 156px;
  }

  .bd-bestdoc {
    inset: 15px 15px auto auto;
  }

  .popup-txt-downloading {
    width: 90%;
    height: 80vh;
    padding-left: 0;
    padding-right: 0;
  }

  .bd-popup-finalize-installation {
    width: 90%;
    height: 80vh;
    padding-left: 12px;
    padding-right: 12px;
  }

  .bd-block-overflow {
    padding-left: 12px;
    padding-right: 12px;
  }

  .link-bestdoc.nosmartphone {
    z-index: 1;
    color: #f3f3f3;
    background-color: #0000;
    margin-left: 15px;
    padding: 0;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .bestdoc {
    color: #fff;
    margin-top: 17px;
  }

  .info--text {
    padding-left: 21px;
    padding-right: 21px;
  }

  .button__container-2.mt_2vh.desktop-only.btn-condensed {
    display: block;
  }

  .niveau-n-3 {
    margin-left: 47px;
    padding-left: 5px;
  }

  .container-n {
    padding-left: 5px;
  }

  .h3--vh-2 {
    font-size: 25px;
  }

  .niveau-n-1 {
    margin-left: 0;
    padding-left: 5px;
  }

  .niveau-n-2 {
    margin-left: 5px;
    padding-left: 5px;
  }

  .niveau-n-1-v-selected {
    margin-left: 0;
    padding-left: 5px;
  }

  .gear {
    left: 15px;
  }

  .h3--vh-3 {
    font-size: 25px;
  }

  .h3--vh-3.text--main-1.mb_32 {
    text-align: center;
    font-size: 20px;
  }

  .popup-ealrning__content {
    padding-left: 19px;
    padding-right: 19px;
  }

  .h-popup-elearning {
    font-size: 25px;
  }

  .popup-elearning__wrap-text {
    padding-top: 2px;
    padding-right: 23px;
  }

  .p-elearning {
    border-left-style: none;
    padding-left: 0;
  }

  .elearning-trigger {
    inset: auto 15px 60px auto;
  }

  .close-3 {
    width: 20px;
    height: 20px;
  }

  .graphique {
    height: 450px;
    padding: 15px 24px;
  }

  .popup-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .popup-content.section__content--popup {
    padding-top: 0;
  }

  .popup-content.popup-conten-nested {
    padding-left: 30px;
    padding-right: 30px;
  }

  .close-menu-2024 {
    right: 15px;
  }

  .menu-2024__card.menu-2024--card-solo {
    height: 450px;
  }

  .menu-2024__card.menu-card-pdf {
    height: 250px;
  }

  .verbatim {
    font-size: 16px;
  }

  .auto-slider.wrap-bg-100vh {
    height: 100vh;
  }

  .auto-slide.milestones-9 {
    background-image: linear-gradient(#0009, #0009), url('../images/our-milestone-9.jpg');
    background-position: 0 0, 25%;
  }

  .auto-slide.key-figure {
    background-image: url('../images/key-sm.jpg');
  }

  .auto-slide.brand-philosophy {
    background-image: linear-gradient(#0000007d, #0000007d), url('../images/Brand-Philosophy-2.jpg');
    background-position: 0 0, 15%;
  }

  .auto-slide.we-wax-the-world {
    background-image: linear-gradient(to bottom, null, null), url('../images/wax.jpg');
    background-position: 0 0, 65%;
  }

  .auto-slide.techno-1 {
    background-image: linear-gradient(#00000087, #00000087), url('../images/techno-1.jpg');
    background-position: 0 0, 25%;
  }

  .auto-slide.techno-3 {
    background-image: linear-gradient(#00000061, #00000061), url('../images/techno-3.jpg');
    background-position: 0 0, 20%;
  }

  .auto-slide.accesories {
    background-position: 100%;
  }

  .auto-slide.women-ready-1 {
    background-image: linear-gradient(#0000004f, #0000004f), url('../images/women-ready-1.jpg');
    background-position: 0 0, 25%;
    background-size: auto, cover;
  }

  .auto-slide.women-lingerie {
    background-position: 100% 100%;
  }

  .auto-slide.host {
    background-position: 95%;
    background-size: auto;
  }

  .auto-slide.marketing-2 {
    background-image: linear-gradient(#0000007a, #0000007a), url('../images/market.jpg');
    background-position: 0 0, 25%;
  }

  .auto-slide.instock {
    background-position: 15%;
  }

  .auto-slide.benelux, .auto-slide.finland, .auto-slide.greece, .auto-slide.poland {
    background-position: 50%;
  }

  .auto-slide.bg-positionement-p3 {
    background-image: linear-gradient(to bottom, null, null), url('../images/competitor-p1-sm.jpg');
  }

  .auto-slide.our-brand-hechter-paris-1 {
    background-image: url('../images/bg-brand-sm.jpg');
    background-position: 100%;
  }

  .auto-slide.sharpness, .auto-slide.confident {
    background-position: 100%;
  }

  .auto-slide.milestones-10 {
    background-image: linear-gradient(#0000006b, #0000006b), url('../images/2023-sm.jpg');
    background-position: 0 0, 50% 0;
  }

  .auto-slide.hechtertogether-1, .auto-slide.hechtertogether-2 {
    background-image: url('../images/bg-brand-sm.jpg');
    background-position: 100%;
  }

  .auto-slide.bg-ingo {
    background-image: url('../images/bg-ingo-sm.jpg');
    background-position: 100%;
  }

  .auto-slide.dh1 {
    background-image: url('../images/dh-2024-sm.jpg');
    background-position: 100%;
  }

  .auto-slide.dh2 {
    background-image: url('../images/dh-2024-2-sm.jpg');
    background-position: 100%;
  }

  .auto-slide.menswear {
    background-image: url('../images/bg-menswear-sm.jpg');
    background-position: 100%;
  }

  .auto-slide.womenswear {
    background-image: url('../images/womenswear-sm.jpg');
  }

  .auto-slide.eyewear {
    background-image: url('../images/eyewear-sm.jpg');
    background-position: 100%;
  }

  .auto-slide.shoes {
    background-image: url('../images/SHOES-sm.jpg');
  }

  .auto-slide.leathergoods {
    background-image: url('../images/bg-leather-smjpg.jpg');
  }

  .auto-slide.lingerie {
    background-image: url('../images/lingerie-2-2024-sm.jpg');
    background-position: 50%;
  }

  .auto-slide.writting {
    background-image: url('../images/WRITTING-2-sm.jpg');
    background-position: 0%;
  }

  .auto-slide.bg-home-furniture {
    background-image: url('../images/bg-home-furniture-sm.jpg');
  }

  .auto-slide.showroom-paris {
    background-image: url('../images/showroom-paris-sm.jpg');
    background-position: 100%;
    background-size: cover;
  }

  .auto-slide.showroom-dusseldorf {
    background-image: url('../images/bg-brand-sm.jpg');
    background-position: 100%;
  }

  .auto-slide.pos-china {
    background-image: url('../images/pos-1-sm.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .auto-slide.bg-best-pos {
    background-image: url('../images/pos-2-sm.jpg');
  }

  .auto-slide.concept-bg {
    background-image: url('../images/concept-sm.jpg');
    background-position: 100%;
    background-size: cover;
  }

  .header--for-menu {
    height: 60px;
  }

  .header--for-menu.relative {
    justify-content: space-between;
  }
}

#w-node-_2cbfb5a2-0bbd-8a57-b86f-9fb8298367c9-29836791, #w-node-_2cbfb5a2-0bbd-8a57-b86f-9fb82983683f-29836791 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-100.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-100italic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-200italic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-900italic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-200.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-800.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-600italic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-500italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-800italic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-300italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway v12';
  src: url('../fonts/raleway-v12-latin-700italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}