/* home */

#mozaic {
  display: none;
}

@media (min-width: 575px) {
  #mozaic {
    display: flex;
  }
}

#carousel {
  display: block;
}

@media (min-width: 575px) {
  #carousel {
    display: none;
  }
}

#amb {
  color: rgb(255, 52, 38);
}

#login_logo {
  display: none;
}

.avantage {
  color: #666666 !important;
  font-size: 0.8125rem;
}

.avantage_icon {
  width: 30px;
}

.avantages_list {
  margin-bottom: 10px;
}

.savplus {
  border-radius: 11px;
  background: none;
  color: #ff3426;
  border: solid;
  border-width: 1px;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 6px 24px;
  width: 180px;
}

.savplus:hover {
  color: white;
  background-color: #ff3426;
}

.title1 {
  text-align: center;
  font-weight: 700;
  color: #ff3426;
  margin-bottom: 30px;
}

.title2 {
  font-size: 1.175rem;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.1;
  height: 25px;
}

.title3 {
  font-size: 0.875rem;
  line-height: 1.4;
  height: 30px;
  margin-bottom: 15px;
}

@media (min-width: 575px) {
  .title1 {
    font-size: 1.875rem;
  }
}

@media (min-width: 768px) {
  #amb {
    border: solid rgb(255, 52, 38) 1px;
    border-radius: 50px;
  }
}

@media (max-width: 768px) {
  .nav-item {
    border-top: solid 1px #eee;
  }
}

@media (max-width: 768px) {
  .nav-link {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}

@media (min-width: 768px) {
  #amb:hover {
    background-color: rgb(255, 52, 38);
    color: white;
  }
}

@media (min-width: 768px) {
  #login_lbl {
    display: none;
  }
}

@media (min-width: 768px) {
  #login_logo {
    display: inline;
  }
}

@media (min-width: 992px) {
  .title1 {
    font-size: 2.1875rem;
  }
}

@media (min-width: 992px) {
  .avantage_icon {
    width: 44px;
  }
}

@media (min-width: 992px) {
  .title2 {
    height: 49px;
  }
}

@media (min-width: 992px) {
  .title3 {
    height: 60px;
  }
}

@media (min-width: 1200px) {
  .title1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .title2 {
    font-size: 1.75rem;
  }
}

@media (min-width: 1200px) {
  .title3 {
    font-size: 1rem;
    height: 52px;
  }
}

@media (min-width: 1200px) {
  .avantage {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  .avantage_icon {
    width: 54px;
  }
}

.navbar-toggler:focus {
  box-shadow: none;
}

.city-card-name {
  color: #ff3426;
  font-weight: 600;
  font-size: 1rem;
  display: inline;
  margin-right: 10px;
  margin-left: 30px;
  vertical-align: bottom;
}

@media (min-width: 992px) {
  .city-card-name {
    font-size: 1.25rem;
  }
}

.subtitle1 {
  font-size: 1.5rem;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .subtitle1 {
    font-size: 1.875rem;
  }
}

.subtitle_goods {
  font-size: 0.875rem;
  text-align: center;
  color: #666666;
}

.subtitle2 {
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  color: #666666;
}

@media (min-width: 992px) {
  .subtitle2 {
    font-size: 1rem;
  }
}

.bg-bk {
  background-color: #f2f2f2;
}

/* shared */

.anon {
  margin-right: 20px;
  text-align: right;
}

.footer_link {
  color: #ffffff;
  font-weight: bold;
}

.footer_link:hover {
  color: #ffffff;
}

.bkhide {
  display: none;
}

.bkshow {
  display: block;
}

.bkhero {
  margin-bottom: 20px;
  height: 250px;
  margin-top: 72px;
}

@media (min-width: 768px) {
  .bkhero {
    margin-bottom: 70px;
  }
}

@media (min-width: 992px) {
  .bkhero {
    height: 440px;
  }
}

@media (min-width: 1200px) {
  .bkhero {
    height: 540px;
  }
}

.btn_cta {
  color: #ffffff;
  background-color: #ff3426;
  border-radius: 11px;
  font-size: 0.8125rem;
  text-align: left;
  font-weight: 600;
  box-shadow: 1px 3px 9px 0 rgba(0, 0, 0, 0.4);
  padding: 6px 19px 7px 18px;
}

.btn_cta:hover {
  color: #ff3426;
  background-color: #ffffff;
  border: solid #ff3426 1px;
}

.flow_title {
  color: #ff3426;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.1;
}

.flow_container {
  width: 205px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*padding: 20px;*/
}

@media (min-width: 1400px) {
  .flow_container {
    width: 235px;
  }
}

.bk-card1-title {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.amb_reason_icon {
  width: 54px;
  margin-right: 5px;
}

.flow_content {
  font-size: 0.75rem;
  line-height: 1.6;
  width: 190px;
  text-align: center;
}

.flow_img {
  height_old: 220px;
  height: 190px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.flow_inner_img {
  max-width: 200px;
}

.amb_onboarding_picto {
  margin-right: 5px;
}

@media (min-width: 992px) {
  .amb_onboarding_picto {
    margin-right: 10px;
  }
}

.overlay {
  display: flex;
  height: 200px;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
}

@media (min-width: 992px) {
  .overlay {
    padding-left: 100px;
    height: 400px;
  }
}

.conn {
  display: none;
}

.section {
  margin-bottom: 75px;
  padding-left: 10px;
  padding-right: 10px;
}

.quadrant_title {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* ambassador */

#amb_hero {
  color: #ff3426;
  font-weight: 700;
  font-size: 1.875rem;
  width: 400px;
  line-height: 1;
  text-align: left;
  width: 300px;
}

@media (min-width: 1200px) {
  #amb_hero {
    font-size: 2.375rem;
    width: 350px;
  }
}

#amb_hero_2 {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.25rem;
  width: 350px;
  line-height: 1.2;
  text-align: left;
}

.title4_shared {
  font-size: 1.625rem;
  font-weight: 600;
  color: #ff3426;
  text-align: center;
}

@media (min-width: 760px) {
  .title4_shared {
    text-align: left;
  }
}

.title4 {
  font-size: 1.625rem;
  font-weight: 600;
  color: #ff3426;
}

.title5 {
  color: #ff3426;
  font-size: 1rem;
  font-weight: 700;
  display: inline;
}

@media (min-width: 992px) {
  .title5 {
    font-size: 1.25rem;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .title5 {
    font-size: 1.5rem;
    text-align: left;
  }
}

.amb_become_text {
  width: 293px;
  font-size: 1rem;
  font-weight: 300;
  text-align: left;
}

@media (min-width: 768px) {
  .amb_become_text {
    width: 268px;
  }
}

@media (min-width: 992px) {
  .amb_become_text {
    width: 293px;
  }
}

.acq_find {
  /*width: 200px;*/
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
}

.acq_loc_text {
  font-size: 1rem;
  font-weight: 300;
}

.amb_reason {
  /*width: 200px;*/
  font-size: 1rem;
  font-weight: 300;
  text-align: left;
}

.ven_reason_text_2 {
  /*width: 200px;*/
  font-size: 1rem;
  font-weight: 300;
}

.ven_reason_text {
  /*width: 200px;*/
  font-size: 1rem;
  font-weight: 300;
}

@media (min-width: 768px) {
  .amb_reason {
    width: 200px;
  }
}

.col-amb {
  padding: 20px;
}

/* slider */

#slider {
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #ff3426;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

#slider:hover {
  opacity: 1;
}

#slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff3426;
  cursor: pointer;
}

#slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff3426;
  cursor: pointer;
}

#slider::-moz-range-track {
  width: 100%;
  height: 1px;
  color: transparent;
  cursor: pointer;
  background-color: red;
  border-color: transparent;
  border-radius: 1rem;
}

#slider::-webkit-range-track {
  width: 100%;
  height: 1px;
  color: transparent;
  cursor: pointer;
  background-color: red;
  border-color: transparent;
  border-radius: 1rem;
}

.slider_label {
  width: 60px;
  font-size: 0.8rem;
}

.slider_label_secondary {
  display: none;
}

@media (min-width: 768px) {
  .slider_label_secondary {
    display: block;
    width: 64px;
  }
}

.slider_euro {
  margin-left: -20px;
  display: none;
}

@media (min-width: 768px) {
  .slider_euro {
    margin-left: 0px;
    display: block;
  }
}

/* acq */

.acq_reason {
  color: #ff3426;
  font-size: 1.25rem;
  font-weight: 400;
}

.acq_reason2 {
  font-size: 1rem;
}

.acq_fiche_img {
  width: 320px;
  /*padding: 10px;*/
}

@media (min-width: 992px) {
  .acq_fiche_img {
    width: 450px;
  }
}

@media (min-width: 1200px) {
  .acq_fiche_img {
    width: 500px;
  }
}

@media (min-width: 1400px) {
  .acq_fiche_img {
    width: 600px;
  }
}

#acq_hero {
  color: #ff3426;
  font-weight: 700;
  font-size: 1.875rem;
  width: 400px;
  line-height: 1;
  text-align: left;
  width: 300px;
}

@media (min-width: 1200px) {
  #acq_hero {
    font-size: 2.375rem;
    width: 370px;
  }
}

/* ven */

.ven_reason {
  color: #ff3426;
  font-size: 1rem;
  /*font-weight: 300;*/
  line-height: 1.4;
}

.ven_app {
  color: #ff3426;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.1;
  width: 240px;
  /*width: none;*/
}

@media (min-width: 992px) {
  .ven_app {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.1;
    width: 400px;
  }
}

#ven_hero {
  color: #ff3426;
  font-weight: 700;
  font-size: 1.875rem;
  width: 400px;
  line-height: 1;
  text-align: left;
  width: 300px;
}

@media (min-width: 1200px) {
  #ven_hero {
    font-size: 2.375rem;
    width: 370px;
  }
}

@media (min-width: 992px) {
  .ven_4_reasons_sub {
    width: 300px;
    font-weight: 300;
  }
}

.amb_bk_text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
  /*width: 520px;*/
}

@media (min-width: 992px) {
  .amb_bk_text {
    width: 520px;
  }
}

.acq_why_text {
  font-size: 1rem;
  font-weight: 300;
}

@media (min-width: 992px) {
  .acq_why_text {
    width: 520px;
  }
}

.amb_income_text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
}

@media (min-width: 992px) {
  .amb_income_text {
    width: 520px;
  }
}

.acq_become_one_text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
}

@media (min-width: 992px) {
  .acq_become_one_text {
    width: 520px;
  }
}

.ven_digital_system_text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
}

@media (min-width: 992px) {
  .acq_become_one_text {
    width: 520px;
  }
}

#ven_sell_best_price {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  #ven_sell_best_price {
    justify-content: flex-start;
  }
}

@media (min-width: 768px) {
  #ven_sell_best_price_cta {
    margin-left: 10px;
  }
}

.acq_happy_users {
  height: 100px;
  width: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 575px) {
  .acq_happy_users {
    height: 120px;
    width: 120px;
  }
}

@media (min-width: 768px) {
  .acq_happy_users {
    height: 155px;
    width: 155px;
  }
}

@media (min-width: 992px) {
  .acq_happy_users {
    height: 200px;
    width: 200px;
  }
}

@media (min-width: 1200px) {
  .acq_happy_users {
    height: 300px;
    width: 300px;
  }
}

.acq_pic1 {
  width: 300px;
  border-radius: 20px;
  margin-top: 35px;
}

@media (min-width: 1200px) {
  .acq_pic1 {
    width: 500px;
  }
}

.amb_become_title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ff3426;
}

.home_15_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
}

@media (min-width: 768px) {
  .home_15_box {
    height: 76px;
  }
}

.amb_reason_title {
  margin-bottom: 0px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ff3426;
}

@media (min-width: 768px) {
  .amb_reason_title {
    font-size: 1.125rem;
  }
}

@media (min-width: 1200px) {
  .amb_reason_title {
    font-size: 1.5rem;
  }
}

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

@media (min-width: 1200px) {
  .acq_find_box {
    justify-content: flex-start;
  }
}

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

@media (min-width: 768px) {
  .title4_subbox_shared {
    justify-content: flex-start;
  }
}

.arrow {
  display: flex;
  align-items: center;
  /*padding-top: 50px;*/
  transform: rotate(90deg);
}

#login_icon {
  padding-top: 8px;
  color: #111111;
}

@media (min-width: 768px) {
  #login_icon {
    padding: 0px;
  }
}

.flow_root_container {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
  border: 1px solid red;
  border-radius: 20px;
  background-color: white;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .flow_root_container {
    justify-content: center;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .arrow {
    justify-content: center;
    padding-top: 50px;
    transform: unset;
  }
}

.search_pad {
  /*flex-direction: column;*/
  background-color: var(--bs-white);
  border-radius: 50px;
  /*height: 70px;*/
  /*margin-bottom: 100px;*/
  align-items: center;
  justify-content: space-between;
  /*padding-left: 40px;*/
  padding-right: 5px;
}

@media (min-width: 768px) {
  .search_pad {
    flex-direction: row;
  }
}

.btn_search_pad {
  background: white;
  color: black;
  font-size: 1.1875rem;
  font-weight: 400;
  border: none;
}

.btn_search_pad_xs {
  background: white;
  color: black;
  font-size: 1rem;
  font-weight: 400;
  border: none;
}

.btn_search_pad::hover {
  background: white;
  color: black;
}

#btn_search::hover {
  background: white;
}

.amb_happy_user_pic {
  display: block;
  max-width: 100%;
  object-fit: scale-down;
}