/*
Theme Name:     Neve Child Nantes Repair
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

@font-face {
  font-family: "FuturaStd-Condensed";
  src: url("../font_futuraSTD/FuturaStd-Condensed.otf") format("opentype");
}
@font-face {
  font-family: "FuturaStd-CondensedLight";
  src: url("../font_futuraSTD/FuturaStd-CondensedLight.otf") format("opentype");
}
@font-face {
  font-family: "FuturaBk";
  src: url("assets/fonts/Futura-Bk-Book.ttf") format("truetype");
}
@font-face {
  font-family: "FuturaBkBold";
  src: url("assets/fonts/FtraBd.ttf") format("truetype");
}

:root {
  /* Définition des variables */
  --nr-bleu: #1cb9ee;
  --nr-turquoise: #00d4d1;
}

@media (min-width: 960px) {
  .builder-item--logo {
    --maxwidth: 650px;
    --fs: 24px;
    --padding: 10px 0;
    --margin: 0;
    --textalign: left;
    --justify: flex-start;
  }
}

@media (max-width: 960px) {
  .site-logo img {
    max-width: 100%;
  }
}

.nr-width-100 {
  width: 100%;
}

.full-gradient-border {
  border-image: linear-gradient(45deg, turquoise, greenyellow) 1;
}

.nr-bouton-gradient1 {
  background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
}
.nr-bouton-gradient1:hover {
  color: white;
}
/* DEBUG */
.builder-item {
  /* border: 1px solid red; */
}
/* Neve override (a voir) */
/* utile pour footer titles pour le moment */
.widget-area .widget {
  margin-bottom: 0px;
}

.telephone-icon,
.phone-number {
  white-space: nowrap;
}

.nr-titre-mp {
  margin-bottom: 5px;
  text-wrap: balance;
}
.nr-sous-titre-mp {
  text-decoration: dashed;
  text-transform: uppercase;
  font-style: italic;
}

.nr-footer {
  margin-bottom: 0px;
}

.slides li {
  margin-top: 0px;
}

.footer-bloc-2-title,
.footer-bloc-3-title,
.footer-bloc-4-title {
  margin-top: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
  /* color: #b2b2b2; */
}

.nr-footer-bloc {
}
.nos-repa-bloc-titleX {
  text-wrap: balance;
  background-image: url("./assets/img/peakpx3.jpg");
  background-position: 100px 100px;
  background-size: cover;
  /* display: inline-block; */
  color: white;
  width: 500px;
  /* height: 50px; */
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}

.nos-repa-bloc-titleX {
  background: linear-gradient(to right, hsl(98 100% 62%), hsl(204 100% 59%));

  background-clip: border-box;
  color: #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: auto;
  margin-left: auto;
  width: fit-content;
  display: block;
  font-size: 28px;
  font-weight: 600;
  line-height: initial;
}

.nos-repa-bloc-titleX {
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  text-transform: uppercase;
  /* display: inline-block; */
  width: fit-content;
  padding-left: 20px;
  padding-right: 20px;
  /* font-size: 92px; */
  color: #f1ebe5;
  text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
  background: linear-gradient(to bottom, #ece4d9 0%, #e9dfd1 100%);
  font-weight: bold;
  /* letter-spacing: -4px; */
  text-align: center;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}

.black-text {
  color: #645d5d;
}

.no-wrap {
  white-space: nowrap;
}
.triple-slash {
  color: var(--nr-bleu);
}

.nos-repa-bloc-title {
  text-transform: uppercase;
  /* font-family: "FuturaBkBold"; */
  font-weight: bold;
  /* color: #35d9f4; */
  color: var(--nr-bleu);
}

.undercolored {
  border-bottom: 1px solid #1cb9ee;
}

.colored {
  color: #1cb9ee;
}

.gray_bg {
  background-color: #f8f8f8;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.nos-réparations {
  /* font-size: 52px; */
  /* background: -webkit-linear-gradient(#6d6d6d, #525252); */
  /* -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: rgb(50, 50, 50);
  text-transform: uppercase;
}
.repa-card {
  /* background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); */
  /* background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%); */
  /* background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); */
  background-color: #dcd9d4;
  background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    radial-gradient(
      at 50% 0%,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(0, 0, 0, 0.5) 50%
    );
  background-blend-mode: soft-light, screen;
  border-radius: 10px;
}

.row.affichage {
  display: flex;
  flex-direction: row; /* Oriente les éléments verticalement */
  height: 100%; /* Assurez-vous que le conteneur a une hauteur définie */
}

.span-affichage {
  margin: 10px;
  flex: 1;
  padding: 10px;
  /* Ajoutez des marges ou du padding selon vos besoins pour l'espacement */
}

.span-affichage h3 {
  line-height: 27px;
  font-size: 18px;
  margin-bottom: 7px;
  margin-top: 6px;
}
.span-affichage em {
  font-size: 16px;
}
.span-affichage p {
  text-align: justify;
  margin-bottom: 0px;
  margin-left: 102px;
}

img.pull-left {
  margin-right: 15px;
  margin-top: 7px;
  margin-bottom: 0px;
}
.pull-left {
  float: left;
}

@media screen and (max-width: 960px) {
  .row.affichage {
    flex-direction: column; /* Oriente les éléments horizontalement */
  }
  img.pull-left {
    margin-bottom: 0px;
  }
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  /* border: 1px solid #eee; */
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.nr_bloc_bas .nr_bloc_1 .well h6 {
  margin-bottom: 5px;
  font-size: 11px;
}

.nr_bloc_bas h5 {
  margin-bottom: 5px;
}
.nr_bloc_bas .blogslider ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nr_bloc_bas .nr_bloc_1 h6 {
  margin-bottom: 5px;
  font-size: 14px;
}

.nr_bloc_bas .blogslider h4 {
  color: white;
  font-size: 14px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.nr_bloc_bas .blogslider-text {
  font-size: 11px;
  color: white;
}

.nr_bloc_bas .nr-bloc-text {
  line-height: 1.7em;
  font-size: 13px;
}

.nr_bloc_bas {
  gap: 2em;
}
.nr_bloc_bas .blog_item {
  background-color: #f5f5f5;
  border-bottom: 1px solid #dfdfdf;
}
.nr_bloc_bas .blog_item p {
  padding: 0px 10px 10px 10px;
  margin-bottom: 0px;
}

.nr_bloc_bas .wp-block-columns {
  gap: 1.2em;
  margin-bottom: 0em;
}
.nr_bloc_bas .wp-block-heading {
  margin-bottom: 0.3em;
  text-transform: uppercase;
}
.nr_bloc_bas_subtitle {
  margin-bottom: 1em;
}
.nr_bloc_head {
  background-color: #1cb9ee;
  padding: 10px 15px;
}

.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f7f7f7;

  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* .progress-success.progress-striped .bar {
  background-color: #1cb9ee;

  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
} */

.progress .bar {
  animation: progress-bar-stripes 2s linear infinite;
  height: 18px;
  background-color: #1cb9ee;
  background-size: 40px 40px;

  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

/* Breadcrumbs */
/* surtout a:hover et a:focus  */
.flat a:hover,
.flat a:focus {
  opacity: 1;
}

.color-item {
  margin-bottom: 5px;
}
.color-input,
.color-name {
  display: inline-block;
  margin-right: 5px;
}

.gm-metabox-specs-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4em;
  padding-top: 10px;
  padding-bottom: 10px;
  /* display: flex; */
  /* justify-content: center; */
}

.message-label-add-line {
  color: #e48412;
  font-style: italic;
  margin: 6px 0px 4px 0;
}

.button.action.gm-admin-plus-button.gm-admin-plus-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 3px;
}
.gm-admin-minus-button {
  background: 0 0;
  border: none; /* Enlever la bordure par défaut du bouton */
  padding: 0; /* Ajuster le padding autour de l'icône */
  cursor: pointer; /* Changer le curseur en pointeur */
  font-size: 16px; /* Taille de base pour l'icône */
  line-height: 20px; /* Hauteur de ligne pour centrer verticalement l'icône */
  width: 22px; /* Ajuster la largeur du bouton */
}
.gm-admin-minus-button::before {
  color: #787c82;
  content: "\f153";
  display: inline-block;
  font: normal 16px/20px dashicons; /* Utiliser 'dashicons' comme famille de police */
  text-align: center;
  vertical-align: middle;

  /* Ajustez au besoin pour l'alignement */
}

.gm-color-button-selection {
  border: none; /* Supprime les bordures par défaut */
  border-radius: 50%; /* Rend le bouton rond */
  width: 42px;
  height: 42px;
  margin: 6px;
  transition: all 0.5s; /* Ajoute une animation lors du changement de styles */
  cursor: pointer; /* Change le curseur en une main lorsque vous survolez le bouton */
  /* Ajout d'un contour et d'une ombre */
  border: 2px solid rgba(0, 0, 0, 0.1); /* Contour subtil */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombre externe */
  /* box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.2); */
}

.flex-container-reparations {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  /* background-color: #bbdefb; */
  height: 100%;
  /* padding: 15px; */
  /* gap: 5px; */
}
.flex-container-reparations > div {
  background: #bfc0c2;
  /* border: 3px solid #ffcc80; */
  border-radius: 0px;
  min-width: 570px;
  /* padding: 8px; */
}

.gm-color-button-selection:hover {
}

.color-item .vitre-arriere-color {
  /* padding: 3px; */
  /* margin: 3px; */
}
.color-item .vitre-arriere-color-name {
  /* padding: 3px; */
  /* margin: 3px; */
}
.gm-color-input {
  margin: 3px;
}

#choix-couleur-vitre-arriere {
  margin-top: 10px;
  display: flex; /* Active Flexbox */
  flex-wrap: wrap; /* Permet aux éléments de se déplacer sur plusieurs lignes si nécessaire */
  justify-content: center; /* Centre les éléments horizontalement */
  align-items: center; /* Centre les éléments verticalement */
}

.builder-item--logo {
  max-width: 240px !important;
}

/* .builder-item--footer-three-widgets {
  padding: 20px !important;
}
.builder-item--footer-four-widgets {
  padding: 20px !important;
} */

.fauxinput {
  display: none !important;
}

.ecophone-text-justify {
  text-align: justify;
}

.reconditionnes-discover-title {
  margin-bottom: 0px;
}
.reconditionnes-discover {
}

.ecophone-question-title {
  margin-bottom: 5px;
  margin-top: 50px;
}
.ecophone-page-title {
  line-height: 1em;
  font-family: FuturaBkBold;
}

.ecophone-custom-h1 {
  font-size: 16px;
}

.subcategory-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 20px;
}

.subcategory-card {
  width: 198px;
  height: 198px;
  margin: 10px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  /* border: 1px solid #373737; */
  padding: 10px;
  border-radius: 30px;
}

.ecophone-rose {
  color: #ed0678;
}
.ecophone-rose2 {
  color: #e681ea;
}
.ecophone-bleu {
  color: #12bbdc;
}
.ecophone-violet {
  color: #3a275f;
}

.credits-footer {
  justify-content: center !important;
  text-align: center !important;
}

.ecophone-rose-background {
  background-color: #ed0678;
}
.ecophone-bleu-background {
  background-color: #12bbdc;
}
.ecophone-violet-background {
  background-color: #3a275f;
}

.telephone-icon {
  font-size: 18px !important;
  margin-right: 7px;
}
.telephone-button {
  white-space: nowrap;
  font-size: 16px !important;
  color: var(--nr-bleu) !important;
}

.text-gradient-style {
  background: linear-gradient(-45deg, #bc226b, #d773de, #0abadb);
  background-clip: border-box;
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: auto;
  margin-left: auto;
  width: fit-content;
  display: block;
  font-size: 28px;
  font-weight: 600;
  line-height: initial;
}
@media (max-width: 414px) {
  .text-gradient-style {
    font-size: 24px;
  }
}

.img-doctor {
  position: absolute;
  right: -19px;
  top: 105px;
  overflow: hidden;
  width: 130px;
}

.owl-stage-outer {
  border-radius: 10px;
}

.full-width-page {
  /* max-width: 1600px;
    margin-left: auto;
    margin-right: auto; */
}

.gm-green-text {
  color: #04aa04;
}
.page-image-title {
  line-height: 1em;
}

.gm-total-ttc {
  padding-top: 10px;
  justify-content: center;
  display: flex;
  white-space: nowrap;
}

.gm-rdv-button-1 {
  justify-content: center;
  display: flex;
  padding: 25px;
}

.disable-rdv-button {
  opacity: 0.4;
  pointer-events: none;
}

/* TICKET PROMO */
.gm-modele-container.promo-grid {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(300px, 1fr)
  ); /* crée autant de colonnes que possible, chaque colonne ayant une largeur minimum de 300px et maximum disponible */
  gap: 0px; /* Ajoute un espace entre les colonnes et les rangées */
  /* padding: 5px; */
  max-width: 800px;
}

.ticket {
  display: flex;
  position: relative;
  /* border: 1px solid black; */
  /* font-family: Arial, sans-serif; */
  font-family: "FuturaBkBold";
  /* width: 200px; */
  /* height: 100px; */
  margin: 10px;
  background-color: #50be50;
  border-radius: 20px;
  color: white;
  text-transform: uppercase;
  border-style: double;
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}
.ticket.ticket-1 {
  background-color: green;
  border: 4px;
  /* border-style: double; */
  border-color: #43c683;
  border-color: white;
}
.ticket.ticket-2 {
  background-color: #ed0678;
  background-color: var(--ecophone-violet);

  border: 4px;
  /* border-style: dashed; */
  border-color: #de8bba;
  border-color: white;
}
.ticket.ticket-1,
.ticket.ticket-2 {
  border-style: double;
}

.ticket-remise {
  margin: 15px;
}

.ticket .column {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.ticket .column-1 {
  /* background-color: #fff; */
  /* background-color: #50be50; */

  font-size: 46px;
  padding-left: 10px; /* Ajustez selon vos besoins */
  justify-content: end;
}

.ticket .column-2 {
  display: flex;
  flex-direction: column;
  flex: 2;
  justify-content: center;
  align-items: flex-start;
}

.ticket .column-2 span {
  /* font-size: 1vw; */
}

.ticket .row {
  flex: 1;
  /* border-top: 1px solid black; */
  /* border-bottom: 1px solid black; */
}

/* Supprimer la bordure du haut de la première rangée et du bas de la deuxième rangée */
.ticket .row-1 {
  border-top: none;
}

.ticket .row-2 {
  border-bottom: none;
}

/* Si vous souhaitez ajouter un texte dans les rangées */
.ticket .row-1::after,
.row-2::after {
  /* content: 'Texte'; Remplacez 'Texte' par le contenu que vous souhaitez */
  position: absolute;
}

/* .ticket::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  transform: translateY(-50%);
} */

/* .ticket::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px; 
  height: 20px; 
  background-color: white; 
  border-radius: 50%; 
  transform: translateY(
    -50%
  ); 
} */

.ticket::before {
  left: -24px; /* Ajustez pour placer les encoches correctement en dehors de .ticket */
}

.ticket::after {
  right: -10px; /* Ajustez pour placer les encoches correctement en dehors de .ticket */
}

.ticket-informatique {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* .ticket-informatique-img {
  margin-right: 110px;
  padding: 11px 25px 11px 0px;
}
@media screen and (max-width: 650px) {
  .ticket-informatique .column-3 {
    display: none;
  }
} */

.ticket-n1,
.ticket-n2 {
  /* border-style: double; */
  border-color: white;
  /* border-radius: 20px; */
  font-family: "FuturaBkBold";
  color: white;
  margin: 10px;
  padding: 10px 0 10px 0px;
}

.ticket-n1 {
  /* background-color: green; */
  background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);
  border: 3px solid;
  /* border-image: linear-gradient(45deg, turquoise, greenyellow) 1; */
  border-style: dotted;
}
.ticket-n2 {
  background-image: linear-gradient(-225deg, #a8bfff 0%, #884d80 100%);
  border: 3px solid;
  /* border-image: linear-gradient(45deg, rgb(163, 120, 172), rgb(126, 177, 218)) 1; */
  border-style: dotted;
}

.grid-container-ticket {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* Two columns in the first row */
  grid-template-rows: auto auto; /* Two rows, each sized to their content */
}

.grid-container-ticket .colonne {
  padding: 9px; /* Padding inside columns */
  display: grid;
}

.grid-container-ticket .colonne-2 {
  grid-column: 2 / -1; /* Span across the second column */
  text-transform: uppercase;
}

.grid-container-ticket .ticket-remise-1 {
  font-size: 46px;
  justify-content: center;
  display: grid;
  align-items: center;
}

.full-line-ticket-info {
  grid-column: 1 / -1; /* Span across all columns in the grid */
  text-align: center; /* Center the text */
  font-family: "FuturaBk";
  font-size: 17px;
}

@media screen and (max-width: 650px) {
}

@media (max-width: 460px) {
  .gm-modele-container {
    display: block;
  }
  .reparation-label {
    /* min-width: 150px; */
  }
}

.reparation {
  /* height: 40px; */
  border: 4px solid #841d7f;
}

.item-reparation.repa-box {
  /* height: 60px; */
  height: auto;
  padding: 0px;
  margin: 10px;
  overflow: hidden;
  /* border: 2px solid rgb(224, 224, 224); */
  /* border-radius: 30px; */
  min-height: 310px;
  position: relative;
  /* background-color: #e1e2e4; */

  /* background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); */

  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);

  /* background-color: #dcd9d4;
  background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    radial-gradient(
      at 50% 0%,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(0, 0, 0, 0.5) 50%
    );
  background-blend-mode: soft-light, screen; */

  /*    background: #e0e0e0;*/
  /*box-shadow: 15px 15px 30px #bebebe,
                 -15px -15px 30px #ffffff;*/
}

.etiquette-bonus-reparation {
  color: white;
  border-radius: 10px;
  background-color: rgb(27, 168, 96);
  display: inline-block;
  position: absolute;
  top: 184px;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
}

.reparation-label {
  position: absolute;
  top: 20px;
  background-color: white;
  right: 0;
  width: 400px;
  padding-left: 10px;
  color: var(--nr-bleu);
  font-weight: 600;
  font-size: 20px;
}
.reparation-bottom-label {
  background-color: #f5f5f5;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  text-align: center;
  height: 15px;
  border-bottom: 2px solid #e1e2e4;
}

.img-icone-reparation img {
  width: 100px;
  height: 100px;
}

.reparations-container {
  /* width:100%; */
  user-select: none;
  /* cursor: pointer; */
}

.reparation-checkbox {
  width: 14px;
}
.img-icone-reparation {
  min-width: 30px;
}

.gm-modele-container {
  display: grid;
  grid-template-columns: 1fr; /* Proportions de 7:4 pour les colonnes */
  grid-gap: 20px; /* Espace entre les colonnes */
  /* max-width: 800px !important; */
  margin-left: auto;
  margin-right: auto;
}

.gm-reconditionnes-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Proportions de 7:4 pour les colonnes */
  grid-gap: 20px; /* Espace entre les colonnes */
  /* max-width: 800px !important; */
}

.reconditionnes-breadcrumb {
  padding-top: 20px;
  margin-left: 0px;
  margin-right: auto;
}

.nos-reconditionnes-title {
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 330px;
  height: 100%;
}
.gm-reconditonnes-image {
  /* width: 100%; */
  display: grid;
  height: auto;
  align-items: center;
  justify-content: center;
}
.reconditionnes-item-prix {
  padding-bottom: 30px;
  font-weight: 600;
  font-size: 20px;
  color: #0abadb;
}
.recondtionne-text-interesse {
  padding-bottom: 12px;
  font-weight: 600;
  font-size: 20px;
  /* color:#0abadb; */
}
.reconditionne-test-boutique {
  padding-top: 40px;
}

@media (max-width: 768px) {
  .gm-modele-container {
    grid-template-columns: 1fr; /* Une seule colonne à 100% de largeur */
  }
  .gm-reconditionnes-container {
    grid-template-columns: 1fr; /* Une seule colonne à 100% de largeur */
  }

  .gm-col-7,
  .gm-col-4 {
    grid-column: auto; /* Réinitialiser les styles spécifiques aux colonnes */
    width: 100%; /* Occuper toute la largeur de la grille */
  }
}

.carousel-desktop {
  display: none;
}

@media (min-width: 781px) {
  .carousel-mobile {
    display: none;
  }
  .carousel-desktop {
    display: block;
  }
}

.gm-recap-modele {
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 330px;
  height: 100%;
}

.gm-recap-title {
  display: flex;
  justify-content: center;
}

.reduction-reparation-label {
  /* margin-bottom: 40px; */
}

.reduction-reparation-label-content {
  margin: 5px;
  /* border: 3px solid; */
  padding: 9px;
  border-radius: 6px;
  /* color: green; */
  background-color: #50be50;
  color: white;
  /* box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; */
  font-size: 15px;
}

.reduction-total-ttc-text {
  display: flex;
  justify-content: center;
  color: #04aa04;
}
@media screen and (max-width: 580px) {
  .reduction-total-ttc-text {
    justify-content: left;
    margin-left: 20px;
  }
}

.gm-price-before-discount {
  text-decoration: line-through;
  /* color: #04aa04; */
  margin-left: 5px;
  margin-right: 15px;
}
.gm-price-before-discount2 {
  white-space: nowrap;
  text-decoration: line-through;
  padding-right: 5px;
}

.gm-price-after-discount {
  font-weight: bold;
  font-size: 24px;
  padding-left: 5px;
}

.rdv-container {
  display: none;
}

.reparations-recapitulatif-container {
  padding-left: 10px;
}
.reparations-recapitulatif-title {
  font-size: 24px;
  padding-bottom: 10px;
}

/* SWITCH TTC HT */
#switch {
  height: 0;
  width: 0;
  visibility: hidden;
}

.gm-switch {
  cursor: pointer;
  text-indent: -9999px;
  width: 100px;
  height: 50px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}

.gm-switch:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 45px;
  transition: 0.3s;
}

input[id="switch"]:checked + label {
  background: #bada55;
}

input[id="switch"]:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

.gm-switch:active:after {
  width: 30px;
}

/* FIN SWITCH TTC HT */

/* plan du footer */
#block-112 {
  margin-top: -25px;
}

.svg-filter-blue {
  filter: invert(66%) sepia(71%) saturate(2201%) hue-rotate(143deg)
    brightness(93%) contrast(87%);
}

/* toutes les classes qui contient une classe * et qui commence par repa- */
div[class*="repa-"].active {
  /* border: 2px solid #841D7F; */
  /* border: 2px solid #ed0678; */
  border: 2px solid #12bbdc;
}

.item-reparation {
  /* display: flex;
      flex-direction: row;
      align-items: center; */
  height: 4.5rem;
  padding: 0 0.5rem 0 0.5rem;
}

.first-line {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}
.second-line {
  padding-left: 12px;
  font-size: 12px;
}

.gm-reparation-modal {
  margin: 10px;
  text-align: center;
}

.icon-box {
  margin: 5px;
  align-items: center;
  display: flex;
  margin-right: 9px;
  position: absolute;
  top: 90px;
  left: 30px;
}

.reparation-text-info {
  position: absolute;
  top: 60px;
  left: 185px;
}

.reparation-text-info-p {
  margin: 0;
  font-size: 14px;
  max-width: 245px;
}

ul.reparation-text-info {
  list-style-type: disc;
}

ul li.reparation-text-info-p:before {
  /* padding-left: 20px; */
  /* text-indent: -20px; */
  list-style: disc;
}

ul li.reparation-text-info-p:before {
  /* content: "- "; */
  /* position: absolute; */
  /* left: 0; */
}

.reparation-tarifs-card {
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  padding: 10px;
  font-size: 25px;
  border-radius: 10px;
}

.prix-liste {
  text-align: right;
  margin-right: 12px;
  margin-left: 12px;
}

.responsive-prix {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
}

.prix-normal {
  min-width: 45px;
  white-space: nowrap;
  font-family: FuturaBkBold;
  font-size: 43px;
  color: var(--nr-bleu);
}

.all-reparations-title,
.all-services-title {
  /* padding-left: 16px; */
  /* background: #3A275F; */
  color: white;
  /* margin-left: 10px;
  margin-right: 10px; */
  margin-left: auto;
  margin-right: auto;
  max-width: 1160px;
}

.modele-reparartion-title {
  background-image: url(../images/titre-reparation-modele4.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 12px;
  padding-left: 15px;
}

.card-reparations {
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  cursor: pointer;
  text-align: right;
  display: flex;
  justify-content: space-between;
}
.card-reparations-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-reparations p {
  margin-bottom: 0px;
}

.card-reparations a {
  /* margin-bottom: 0px; */
  text-align: left;
}

.card-reparations a:hover,
.card-reparations a:focus {
  /* margin-bottom: 0px; */
  color: white !important;
  text-align: left;
}

.card-reconditionne {
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.card-reconditionne:hover {
  /* border: 2px solid #808080;
    cursor: pointer; */
}
.card-reconditionne-title {
  margin-top: 15px;
}

.gm-card-label {
  vertical-align: middle;
}
@media (min-width: 769px) {
  .gm-card-label {
    font-size: calc(12px + 0.390625vw);
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  .gm-col-4 {
    /* display: none; */
  }
}

.button-delete {
  background-color: rgb(174, 48, 48);
}

.missing-reparation {
  padding-top: 30px;
  text-align: center;
  height: 230px;
}

.missing-reparation-button {
  justify-content: center;
  display: flex;
}

.banner-page-secondary {
  max-width: 1600px;
}

.is-style-editorskit-rounded {
  border-radius: 0.6em !important;
}

@media (max-width: 370px) {
  .subcategory-card {
    width: 125px;
  }
}

.subcategory-card:hover {
  border: 1px solid #12bbdc;
  cursor: pointer;
}

.subcategory-card.gm-box-shadow {
  /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
  /* box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */
  /* box-shadow: 0 -20px 10px -20px rgba(0, 0, 0, 0.45) inset; */
  /* box-shadow: 0 0 0 1px rgb(102, 158, 218), 5px 5px 0 0 rgb(102, 158, 218); */
  box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25),
    0px 0px 0px 1px rgba(9, 30, 66, 0.08);
}

.subcategory-card .gm-marque-image {
  width: auto;
  /* max-width: 120px; */
  max-height: 120px;
  height: 100%;
  object-fit: contain;
}

.gm-multi-infos {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.search-container .gm-search-devices {
  width: 100%;
  padding-left: 33px;
  border: 2px solid;
  border-radius: 30px;

  /* padding-left: 33px; */
}

/* Styling du conteneur du champ de recherche */
.search-container {
  position: relative;
  width: 500px;
}

/* Styling de l'icône */
.search-container i.fa {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #757575; /* Couleur de l'icône */
}

/* Styling du champ de recherche */
.search-container input[type="text"] {
  padding-left: 30px; /* Décalage pour l'icône */
}

.prix-indicatif-content {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.gm-marque-label {
  /* margin-bottom: 10px; */
  display: flex;
  margin-top: 10px;
  color: black;
  text-align: center;
  align-items: center;
  height: 50px;
  text-transform: uppercase;
}
.gm-capacity-label {
  display: flex;
  /* margin-top: 10px; */
  color: var(--ecophone-bleu);
  text-align: center;
  align-items: center;
  /* height: 50px; */
  /* text-transform: uppercase; */
}

.gm-no-reference {
  display: none;
}

.gm-marque-question,
.gm-modele-question {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}

.gm-image-upload-button-container {
  padding-bottom: 10px;
}

#gm-produit-category-image {
  padding-bottom: 20px;
  /* border: 1px solid #ccc; */
}

.select2-container {
  width: 60px !important;
}

.gm-text-right {
  text-align: right;
}
.gm-text-center {
  text-align: center;
}
.gm-vertical-align-middle {
  vertical-align: middle;
}

.gm-footer-devis {
  /* display: flex;
    height: 50px;
    background-color: #c71010;
    flex-grow: 0;
    flex-shrink: 0; */
  display: flex;
  display: none;
  flex-direction: row;
  align-items: center;
  color: var(--color);
  height: 90px;
  /* background-color: #3a275f; */
  /* background-color: #ed0678; */
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  bottom: 0;
  box-sizing: border-box;
  z-index: 11;
  justify-content: space-between;
  /* display:none; */
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px 3px;
}

.gm-modele-devis-device-name {
  padding-left: 10px;
  color: #3a275f;
  /* en bold */
  font-size: 20px;
  font-weight: bold;

  /* padding-right: 30px; */
}

.gm-montant-devis-prix {
  padding-right: 10px;
  color: #12bbdc;
  /* en bold */
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  /* padding-right: 30px; */
}
.gm-montant-devis-label {
  padding-right: 50px;
  margin-left: 20px;
  /* color: #3A275F; */
}

.gm-modele-thumbnail {
  padding-left: 15px;
  max-width: 65px;
}

.gm-reparation-title {
  padding-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  margin-bottom: 0px;
  font-size: var(--h4fontsize);
  margin-right: 20px;
  margin-left: 20px;
  text-wrap: balance;
  text-align: center;
}

.total-reparations {
  position: sticky;
  top: 50px;
  padding-top: 22px;
}

/* Styles pour le popup */
.popup {
  display: none;
  flex-direction: column;
  position: fixed;
  max-width: 360px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid #ccc;
  padding: 20px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .popup {
    width: 75%;
  }
}

.gm-overlay-popup-options {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.gm-overlay-popup-options.active {
  display: block;
}

.supplement-film {
  padding-left: 10px;
  color: #04aa04;
}
.supplement-couleur {
  padding-left: 10px;
  color: #04aa04;
}
.supplement-recup-donnees {
  padding-left: 10px;
  color: #04aa04;
}

#closePopup {
  width: 100%;
}

/* deprecated */
.protection-choix {
  text-align: center;
  font-size: 22px;
  color: var(--ecophone-bleu);
}
.gm-options-choix-title {
  text-align: center;
  font-size: 22px;
  color: var(--ecophone-bleu);
}

/* deprecated */
.choix-film {
  width: 100%;
}
.gm-options-choix {
  width: 100%;
}

.prendre-rdv {
  display: flex;
  justify-content: center;
}
.prendre-rdv-separator {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 27px;
}
@media (max-width: 768px) {
  .prendre-rdv {
    flex-direction: column;
  }
}

.textwidget a {
  text-decoration: none;
}

/* SHAPE TITLE */
.container-reparation-title-shape {
  width: auto;
  /* height: 68px; */
  display: flex;
  flex-direction: row;
  overflow: hidden;

  /* background-color: var(--nr-bleu); */
  background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
  /* background-image: linear-gradient(to right, #12BBDC 85%, white 85%); */

  /* color:aquamarine; */
  /* background-color: black; */
  /* font-size: 1.5rem; */
  font-size: calc(15px + 0.390625vw);
  /* border-radius: 35px 35px 0px 0px; */
  border-radius: 5px;
}

#gm-shape-1 {
  /* background-color:#12BBDC; */
  /* height: 70px; */
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  /* font-size: 1.5rem; */
}

#gm-shape-2 {
  background-color: #3a275f;
  /* height: 70px; */
  width: 50px;
  right: 250px;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg);
}

#gm-shape-3 {
  background-color: #ed0678;
  /* height: 70px; */
  width: 50px;
  right: 200px;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg);
}
#gm-shape-4 {
  width: 30px;
}

.gm-bouton-rdv-devis {
  padding: 10px;
  margin-right: 10px;
  margin-left: auto;
}
.nr-bouton-contact {
  color: white !important;
  background: var(--nr-bleu) !important;
}

.confirmation-rdv-content {
  line-height: 1.3em;
}

.nr-form-colonne {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.wpcf7-textarea {
  max-width: 500px;
}

.wpcf7-form {
  padding: 10px;
}

.wpcf7-form label {
  width: 100%;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: "liga";
}

.gm-material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: "liga";
}

.gm-material-icons-large {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 40px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: "liga";
}

#table-reparations .move-handle,
#table-services .move-handle {
  cursor: grab;
  margin-left: 4px;
  width: 100%;
  margin-top: 10px;
}

#table-reparations .move-handle::after {
  cursor: grabbing;
}

#table-reparations .reparation-id-cell {
}

/* Formulaire */
.fm-form-container {
  margin-right: auto;
  margin-left: auto;
}
.wdform-label {
  color: black;
}
.wdform-required {
  color: red;
}

/* END Formulaire */

/* BANNER */
.testimonials-v1-gradient {
  height: 500px;
  /* background-image: linear-gradient(to right, #c03cff, #6d00dc); */
  background-image: linear-gradient(
    to right,
    #c03cff,
    var(--nv-primary-accent)
  );

  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}
.wave-bottom {
  /* z-index: 1; */
  width: 100%;
  height: 4vw;
  position: absolute;
  top: auto;
  bottom: -1px;
  left: 0%;
  right: 0%;
}
.bg-elements {
  /* z-index: 0; */
  height: 100%;
  max-width: 2000px;
  min-height: 640px;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 991px) {
  .bg-elements {
    min-height: 420px;
  }
}
.dots {
  width: 297px;
  height: 118px;
  opacity: 0.16;
  background-image: url("https://assets-global.website-files.com/62ab0d6ce96d28cc9c7dfea8/62ab0d6ce96d28f8367e0058_circle-pattern-white.svg");
  background-position: 0 0;
  background-size: 12px;
  position: absolute;
  top: 25%;
  bottom: auto;
  left: 3%;
  right: auto;
}

@media screen and (max-width: 991px) {
  .dots {
    height: 81px;
    top: 34%;
    bottom: -10%;
    left: -14%;
  }
}

.circle-small {
  width: 8vw;
  opacity: 0.16;
  position: absolute;
  top: 12%;
  bottom: auto;
  left: auto;
  right: 7%;
}
.circle-big {
  width: 26vw;
  max-width: 480px;
  opacity: 0.16;
  position: absolute;
  top: auto;
  bottom: -22%;
  left: auto;
  right: 24%;
}

.gm-modele-image img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.img-icone-reparation img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

.gm-modele-thumbnail img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  object-fit: contain;
}

/* Breadcrumb Start*/

.box-breadcrumb {
  width: 100%;
  padding-bottom: 15px;
  padding-top: 15px;
}

.gm-breadcrumbs {
  /* margin-top: 2%; */
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 20px;
}

.gm-breadcrumbs_step {
  width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.gm-breadcrumbs_step_ring {
  width: 80px;
  height: 40px;
  border: 2px solid #000000;
  border-radius: 5px 0px 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /* border-style: double; */
}

.TEMPgm-breadcrumbs_step_ring:after {
  display: inline;
  content: "";
  /* border-top: 20px solid #ffffff00; */
  /* border-bottom: 20px solid #ffffff00; */
  /* border-left: 40px solid; */
  /* border-left-color: var(--nr-bleu);
  border-left-color: #000000; */

  border-width: 20px 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent transparent #000000;

  position: absolute;
  right: -20px;
  top: -2;
  z-index: 1;
}

.gm-breadcrumbs_step_name {
  font-size: 16px;
  display: flex;
  justify-content: center;
  margin-top: 0px;
  white-space: nowrap;
}

.gm-breadcrumbs_line {
  padding-left: 1px;
  margin-top: 18px;
  width: 160px;
  height: 1px;
  border-bottom: 2px solid #000000;
  /* border-style: double; */
}
.gm-breadcrumbs_line_thin {
  padding-left: 1px;
  margin-top: 18px;
  width: 100px;
  height: 1px;
  border-bottom: 2px solid #000000;
  /* border-style: double; */
}

/* .breadcrumbs_step .ring-active {
    border: 1px solid #ED0678;
  }
  .breadcrumbs_step_ring_number.number-active,
  .breadcrumbs_step_name.name-active {
    color: #ED0678;
  } */

.gm-breadrumb-step-active,
.gm-breadrumb-step-active p {
  color: var(--nr-bleu);
  border-color: var(--nr-bleu);
}

.gm-breadcrumbs p {
  margin: 0px;
}

.gm-breadcrumbs_step_ring:not(.gm-breadcrumbs_step_active) {
  color: #000000;
}

/* Breadcrumb End*/

/* Checkbox */

.checkbox-wrapper-19 {
  box-sizing: border-box;
  --background-color: #fff;
  --checkbox-height: 25px;
  padding-top: 7px;
  padding-right: 5px;
}

@-moz-keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}

@-webkit-keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}

@keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}

@keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}

@-webkit-keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}

@-moz-keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}

.checkbox-wrapper-19 input[type="checkbox"] {
  display: none;
}

.checkbox-wrapper-19 .check-box {
  height: var(--checkbox-height);
  width: var(--checkbox-height);
  background-color: transparent;
  border: calc(var(--checkbox-height) * 0.1) solid #000;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color ease 0.2s;
  -o-transition: border-color ease 0.2s;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  cursor: pointer;
}
.checkbox-wrapper-19 .check-box::before,
.checkbox-wrapper-19 .check-box::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: calc(var(--checkbox-height) * 0.2);
  /* background-color: #34b93d; */
  background-color: #12bbdc;
  display: inline-block;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 5px;
  content: " ";
  -webkit-transition: opacity ease 0.5;
  -moz-transition: opacity ease 0.5;
  transition: opacity ease 0.5;
}
.checkbox-wrapper-19 .check-box::before {
  top: calc(var(--checkbox-height) * 0.72);
  left: calc(var(--checkbox-height) * 0.41);
  box-shadow: 0 0 0 calc(var(--checkbox-height) * 0.05) var(--background-color);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.checkbox-wrapper-19 .check-box::after {
  top: calc(var(--checkbox-height) * 0.37);
  left: calc(var(--checkbox-height) * 0.05);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox-wrapper-19 input[type="checkbox"]:checked + .check-box,
.checkbox-wrapper-19 .check-box.checked {
  /* border-color: #34b93d; */
  border-color: #12bbdc;
}
.checkbox-wrapper-19 input[type="checkbox"]:checked + .check-box::after,
.checkbox-wrapper-19 .check-box.checked::after {
  height: calc(var(--checkbox-height) / 2);
  -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards;
  -o-animation: dothabottomcheck-19 0.2s ease 0s forwards;
  -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
  animation: dothabottomcheck-19 0.2s ease 0s forwards;
}
.checkbox-wrapper-19 input[type="checkbox"]:checked + .check-box::before,
.checkbox-wrapper-19 .check-box.checked::before {
  height: calc(var(--checkbox-height) * 1.2);
  -moz-animation: dothatopcheck-19 0.4s ease 0s forwards;
  -o-animation: dothatopcheck-19 0.4s ease 0s forwards;
  -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
  animation: dothatopcheck-19 0.4s ease 0s forwards;
}

/* floating button call */
.float-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.float-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  background-color: #00d4d1;
  color: white;
  /* transition: background-color 0.3s; */
}

.float-button-content i {
  font-size: 20px;
  margin-right: 0px;
}

.float-button.call {
  bottom: 20px;
  right: 80px;
}

.float-button.email {
  bottom: 20px;
}

.float-button-content:hover {
  background-color: #00d4d1;
}

.protection-content {
  padding-top: 5px;
  padding-bottom: 5px;
}
.gm-options-content {
  padding-top: 5px;
  padding-bottom: 5px;
}
.gm-options-content-text {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 15px;
}

.space-10 {
  height: 10px;
}

.space-20 {
  height: 20px;
}
.space-30 {
  height: 30px;
}
.space-40 {
  height: 40px;
}

.footer-spacer {
  height: 100px;
}

.section-sep {
  /* content: "";
  display: block;
  width: 85px;
  height: 4px;
  background-color: #ed0678;
  margin: 25px auto; */

  width: 200px;
  border: none;
  height: 20px;
  /* width: 90%; */
  height: 50px;
  margin-top: 0;
  border-bottom: 5px solid #fccb90;
  box-shadow: 0 18px 13px -20px #333;
  margin: -50px auto 10px;
  border-radius: 0px;
  /* background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%); */
}

.who-ecophone44 {
  box-shadow: 0 40px 85px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

.sunlight-background {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='50%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%2312BBDC'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%2312BBDC'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg fill-opacity='.8'%3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

.rounded-background {
  background-color: #ed0678;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2312BBDC'/%3E%3Cstop offset='1' stop-color='%23ED0678'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%238061aa'/%3E%3Cstop offset='1' stop-color='%23ED0678'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(620 0)'%3E%3Cg transform='translate(0 435)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-320.4 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.75' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: inherit;
  background-size: cover;
  background-position: center;
}

.message-main-oeuvre {
  padding-left: 10px;
  padding-bottom: 20px;
  color: #7a7a7a;
  text-align: center;
}

.button-design-1 {
  /* CSS */
  align-items: center;
  appearance: none;
  background-image: radial-gradient(
    100% 100% at 100% 0,
    #5adaff 0,
    #5468ff 100%
  );
  border: 0;
  border-radius: 6px;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,
    rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgba(58, 65, 111, 0.5) 0 -3px 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: "JetBrains Mono", monospace;
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow 0.15s, transform 0.15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow, transform;
  font-size: 18px;
}

.button-design-1:focus {
  box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px,
    rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.button-design-1:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px,
    rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
  transform: translateY(-2px);
}

.button-design-1:active {
  box-shadow: #3c4fe0 0 3px 7px inset;
  transform: translateY(2px);
}

.reparation-text-info-p.remplacement-title {
  font-weight: bold;
}

.footer-bottom-inner .row {
  display: flex;
  justify-content: center;
}

.qualirepar-bloc {
  /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  border-radius: 10px;

  /* background-image: linear-gradient(to right, #92fe9d 0%, #00c9ff 100%); */
  background-image: linear-gradient(
    -20deg,
    #ddd6f3 0%,
    #faaca8 100%,
    #faaca8 100%
  );
}
.qualirepar-bloc-title {
  text-transform: uppercase;
}
.qualirepar-bloc-text {
  color: white;
}

.google-review {
  /* border: 1px solid #eeeeee; */
  border-radius: 5px;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  min-height: 240px;
}

.google-review h3,
.google-review p {
  margin-bottom: 0;
}

.google-review h3 {
  font-size: 18px;
}
.google-review .review-date {
  margin-left: 4px;
  color: gray;
}

.avis-profil-img {
  width: 30px;
  margin-right: 10px;
}
.review-name {
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

.google-review .stars-rating {
  color: #ff9b00;
}

.google-review .review-content {
  text-align: justify;
}

/* Media screen */

@media screen and (max-width: 768px) {
  .homepage-text-block-reversed {
    order: 1;
  }
  .homepage-image-block-reversed {
    order: 2;
  }
  .gm-modele-thumbnail {
    display: none;
  }
  .gm-modele-devis-device {
    display: none;
  }
  .ticket .column-1 {
    font-size: 40px;
    padding-left: 0px;
  }
  .ticket .column-2 {
    font-size: 13px;
  }
  .ticket {
    height: 55px;
  }
  .ticket-n1 .ticket-remise-1,
  .ticket-n2 .ticket-remise-1 {
    font-size: 40px;
    justify-content: end;
    margin-right: 15px;
  }
  .ticket-n1 .colonne-2,
  .ticket-n2 .colonne-2 {
    font-size: 13px;
  }
  .ticket-n1,
  .ticket-n2 {
    padding: 0px 0 0px 0px;
    margin: 10px 10px 0px 10px;
  }
  .full-line-ticket-info span {
    font-size: 13px;
  }
  .container-reparation-title-shape {
    margin: 30px 10px 0px 10px;
  }
}

@media screen and (max-width: 650px) {
  .flex-container-reparations > div {
    flex-direction: column;
    width: 100%;
    min-width: 10px;
  }
  .item-reparation.repa-box {
    min-height: 420px;
  }
  .reparation-label {
    width: 200px;
    font-size: 20px;
  }
  .reparation-bottom-label {
    font-size: 14px;
  }
  .icon-box {
    top: 16px;
    /* left: 0px; */
  }
  .img-icone-reparation {
    left: 50%;
    transform: translateX(-50%);
  }
  .img-icone-reparation img {
    width: 50px;
    height: 50px;
  }
  .reparation-text-info {
    left: 30px;
    top: 90px;
    /* width: 300px; */
  }

  .reparation-tarifs-card {
    top: 70%;
    /* z-index: 1; */
    left: 35%;
  }
  .etiquette-bonus-reparation {
    top: 60%;
    left: 35%;
    font-size: 14px;
  }
  .img-doctor {
    width: 100px;
    top: 260px;
  }
  .prix-normal {
    font-size: 35px;
  }
  .gm-breadcrumbs_step_ring {
    width: 40px;
  }
  .gm-breadcrumbs_step {
    width: 40px;
  }
}

@media screen and (max-width: 520px) {
  .gm-montant-devis-label {
    padding-right: 10px;
  }
  .gm-breadcrumbs_step_name {
    font-size: 12px;
  }

  .gm-modele-devis {
    display: none;
  }
  .search-container {
    width: 250px;
  }
  .subcategory-card {
    width: 150px;
  }
  .etiquette-bonus-reparation {
    text-wrap: balance;
    top: 55%;
    width: 146px;
  }
}

@media screen and (max-width: 385px) {
  .ticket-n1 .colonne-2,
  .ticket-n2 .colonne-2 {
    font-size: 11px;
    text-wrap: balance;
  }
}

@media screen and (max-width: 370px) {
  .gm-breadcrumb-container {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .container {
    padding-left: 3px !important;
  }
  .subcategory-card {
    width: 130px;
  }
  .ecophone-page-title {
    font-size: 30px !important;
  }
}