.row_i {

  position: absolute;

  width: 100%;

  top: 150px;

}

.row_6i {

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

}

.card_s6 {

  box-shadow: 0px 0px 4px 0px black;

  border-radius: 5px;

  border: solid 5px var(--gray1);

  height: var(--cardHeight);

  width: var(--rn-width6);

  margin: 0 var(--um);

  box-sizing: border-box;

}

.row_4i {

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

}

.card_s4 {

  box-shadow: 0px 0px 4px 0px black;

  border-radius: 5px;

  border: solid 5px var(--gray2);

  height: var(--cardHeight);

  width: var(--rn-width4);

  margin: 0 var(--um);

  box-sizing: border-box;

}

.row_3i {

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

  flex-wrap: wrap;

}

.card_s3 {

  box-shadow: 0px 0px 4px 0px black;

  border-radius: 5px;

  border: solid 5px var(--gray3);

  height: var(--cardHeight);

  width: var(--rn-width3);

  margin: 0 var(--um);

  box-sizing: border-box;

}

.row_2i {

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

}

.card_s2 {

  box-shadow: 0px 0px 4px 0px black;

  border-radius: 5px;

  border: solid 5px var(--gray2);

  height: var(--cardHeight);

  width: var(--rn-width2);

  margin: 0 var(--um);

  box-sizing: border-box;

}

.row_2-5i {

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

}

.card_s2-5 {

  box-shadow: 0px 0px 4px 0px black;

  border-radius: 5px;

  border: solid 5px var(--gray2);

  height: var(--cardHeight);

  width: var(--rn-width2);

  margin: 0 var(--um);

  box-sizing: border-box;

}

.row_1-2i {

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

}

.card_s1-2 {

  box-shadow: 0px 0px 4px 0px black;

  border-radius: 5px;

  border: solid 5px var(--black);

  height: var(--cardHeight);

  width: var(--rn-width1);

  margin: 0 var(--um);

  box-sizing: border-box;

}

.row_1i {

  display: flex;

  justify-content: center;

  width: 100%;

  

}

.card_s1 {

  box-shadow: 0px 0px 4px 0px black;

  border-radius: 5px;

  border: solid 5px var(--black);

  height: var(--cardHeight);

  width: var(--rn-width1);

  margin: 0 var(--um);

  box-sizing: border-box;

}

.row_1-5i {

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

}

.card_s1-5 {

  box-shadow: 0px 0px 4px 0px black;

  border-radius: 5px;

  border: solid 5px var(--black);

  height: var(--cardHeight);

  width: var(--rn-width1-5);

  margin: 0 var(--um);

  box-sizing: border-box;

}



.guide_path {

  display: flex;

  width: 100%;

  flex-direction: row;

  justify-content: center;

  position: relative;

  background-color: transparent;

  min-height: 200vh;

}



.unit1 {

  height: 100%;

  background-color: rgba(129, 230, 255, 0.425);

  margin: 0 var(--um);

  width: var(--unit);

  min-height: 1200vh;

}

a:hover{

  text-decoration: none !important;
  color: inherit !important;

}

dl, ol, ul {
  margin-bottom: 0rem !important;
}

.copyrightSection p{
  margin-bottom: 0px !important;
}

/*/------------- mainTitle ----------/*/

.mainTitle{

  margin: 0 var(--um);

  box-sizing: border-box; 

  text-align: center;

  font-family: NouvelRBold;

}

.mainTitle .title {

  font-size: 40px;

  font-weight: bold;

  font-family: NouvelRBold;

  margin-bottom: 14px;

}

.mainTitle .title.exeption {

  margin-top: 0px;

}

.mainTitle .semititle {

  font-family: NouvelRRegular;

  margin-bottom: 20px;
  
  color: var(--gray3);

}



/*/------------------ breadcrumb ------------/*/

.breadcrumb_Container{

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 0;

}

.breadcrumb {

  display: flex;

  height: 60px;

  width: 100%;

  margin: 0 var(--um);

  box-sizing: border-box;

  background-color: white !important;

  margin-bottom: 0 !important;

  font-family: NouvelRRegular;

  flex-direction: row;

  align-items: center;

}

.breadcrumb a{

  font-family: 'NouvelRRegular';

  font-size: 13px;

  color: black;

}

.breadcrumb svg{

  width: 26px;

  height: 10px;

  fill: currentcolor;

  color: var(--yellow);

  font-family: 'NouvelRBold';

}



/*/------------------header_image------------/*/

.page_headerTitle{

  width: var(--rn-width1);

  margin: 0 var(--um);

  box-sizing: border-box; 

  text-align: left;

}

.page_headerTitle .title {

  margin: 50px 0px 10px 0px;

  padding: 0px;

}

.page_headerTitle .title .title_text {

  font-size: 47px;

  font-family: NouvelRBold;

  text-align: left;

  margin: 0px;

  text-transform: uppercase;

  color: white;

  margin-top: -20px;

  line-height: 1;

}

.page_headerTitle .semibutton {

  height: 46px;

  /* width: var(--rn-width6); */

  box-sizing: border-box;

  font-family: NouvelRBold;

  font-size: 16px;

  cursor: pointer;

  transition: background-color 0.5s, color 0.5s;

  background-color: rgb(255, 255, 255);

  color: var(--black);

  display: inline-block;

  text-align: center;

  line-height: 46px;

  padding: 0 22px;

}

.page_headerTitle .semibutton:hover{

  background-color: var(--black);

  color: rgb(255, 255, 255) !important;

}



.header_image{

  height: 530px;

  width: 100%;

  box-sizing: border-box;

  background-image: url("../img/header_images/reprise.jpg");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



/*/------------- M-auto-renault ----------/*/

.M-auto-renault_containerT{

  display: none;

}

#carousel5 .owl-stage {

  display: flex;

  justify-content: center;

}



#carousel5.owl-item {

  width: auto; /* Set the width to auto to allow responsiveness */

  margin-right: 10px; /* Adjust margin as needed */

}



#carousel5 .owl-item.active,

#carousel5 .owl-item.cloned{

  width: auto !important;

}



.M-auto-renault_container{

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

  background-color: #f7f7f7;

}

.M-auto-renault{

  max-width: var(--rn-width1);

  margin: 0 auto var(--um) auto;

  box-sizing: border-box;

  text-align: center;

  font-family: NouvelRBold;

}

.M-auto-renault .title {

    font-size: 40px;

    font-weight: bold;

    font-family: NouvelRBold;

    margin-bottom: 14px;

}

.M-auto-renault .para{

  font-family: 'RenaultGroupSemibold';
  margin-bottom: 0px;
  color: var(--gray3);

}

.M-auto-renault .minicard-desc{

  font-family: NouvelRRegular;

}

.mini-card{

    width: 20%;

    margin: 0 var(--um);

    box-sizing: border-box;

    position: relative;

}

.mini-card img{

  width: 33%;

}

.minicard-button {
  height: 46px;
  width: var(--rn-width4);
  margin-top: 35px;
  box-sizing: border-box;
  font-family: NouvelRBold;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.5s, color 0.5s;
  background-color: var(--black);
  color: rgb(255, 255, 255);
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.minicard-button:hover{

background-color: var(--yellow);

color: rgb(0, 0, 0);

}

.mini-card:not(:last-child)::after {

  content: '';

  position: absolute;

  top: 26%;

  left: 82%;

  height: 1px;

  width: 53%;

  background-color: #000000;

  transform: translateY(-50%);

}

/*-----------------how-to--------------------*/

.how-to-container{

  width: var(--rn-width1);

  margin: 0 var(--um);

  box-sizing: border-box; 

  font-family: NouvelRBold;

}

.bloc {

  margin: 0;

}

.title {

  font-family: NouvelRBold;

  text-align: center;

  margin: 2rem auto;

  padding: 0 .5rem;

  font-weight: 400;

  max-width: 60rem;

}

.how-to .accordion {

  max-width: 83%;

  margin: 0 auto 2rem;

  height: 28.75rem;

  overflow: hidden;

}

.how-to .accordion__item, .how-to .accordion__table {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.how-to .accordion__table {

  width: 100%;

  height: 100%;

}

.how-to .accordion__item.show {

  width: 50%;

  cursor: auto;

  background-color: #e6e6e6;

}

.how-to .accordion__item {

  position: relative;

  width: 25%;

  counter-increment: my-counter;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: width .5s cubic-bezier(.4, 0, .2, 1);

  -o-transition: width .5s cubic-bezier(.4, 0, .2, 1);

  -moz-transition: width .5s cubic-bezier(.4, 0, .2, 1);

  transition: width .5s cubic-bezier(.4, 0, .2, 1);

  background-color: #f2f2f2;

  -webkit-box-shadow: 0 0 .125rem rgba(0, 0, 0, .3);

  -moz-box-shadow: 0 0 .125rem rgba(0, 0, 0, .3);

  box-shadow: 0 0 .125rem rgba(0, 0, 0, .3);

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  background-position: 50%;

  background-repeat: no-repeat;

  cursor: pointer;

  overflow: hidden;

}

.how-to .accordion__title .plus span,

.how-to .accordion__title .plus span,

.progress .middle p,

.progress .middle p:before,

.progress__number,

.progress__number:before,

.reprise .content .image img{

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	-moz-transform:translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%);

	-o-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%)

}

.how-to .accordion__title .plus,

.testimonials .owl-carousel.carousel .text:after{

	position:absolute;

	left:50%;

	-webkit-transform:translateX(-50%);

	-moz-transform:translateX(-50%);

	-ms-transform:translateX(-50%);

	-o-transform:translateX(-50%);

	transform:translateX(-50%)

}

.how-to .accordion__table{

	width:100%;

	height:100%

}

.how-to .accordion__item,

.how-to .accordion__table{

	display:-webkit-box;

	display:-webkit-flex;

	display:-moz-box;

	display:-ms-flexbox;

	display:flex;

	-webkit-box-pack:center;

	-webkit-justify-content:center;

	-moz-box-pack:center;

	-ms-flex-pack:center;

	justify-content:center

}

.how-to .accordion__item{

	position:relative;

	width:25%;

	-webkit-box-align:center;

	-webkit-align-items:center;

	-moz-box-align:center;

	-ms-flex-align:center;

	align-items:center;

	-webkit-transition:width .5s cubic-bezier(.4,0,.2,1);

	-o-transition:width .5s cubic-bezier(.4,0,.2,1);

	-moz-transition:width .5s cubic-bezier(.4,0,.2,1);

	transition:width .5s cubic-bezier(.4,0,.2,1);

	background-color:#f2f2f2;

	-webkit-box-shadow:0 0 .125rem rgba(0,0,0,.3);

	-moz-box-shadow:0 0 .125rem rgba(0,0,0,.3);

	box-shadow:0 0 .125rem rgba(0,0,0,.3);

	-webkit-background-size:cover;

	-moz-background-size:cover;

	background-size:cover;

	background-position:50%;

	background-repeat:no-repeat;

	cursor:pointer;

	overflow:hidden

}



.how-to .accordion__item:before {

  content: counter(my-counter);

  position: absolute;

  top: -0.25rem;

  right: 51px;

  font-size: 300px;

  font-size: 17.75rem;

  font-family: NouvelRRegular;

  color: #f2f2f2;

  opacity: 0;

}

.how-to .accordion__item:after{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:rgba(0,0,0,.6)

}

.how-to .accordion__item.show{

	width:50%;

	cursor:auto;

	background-color:#e6e6e6

}

.how-to .accordion__item.show:before{

	opacity:.8

}

.how-to .accordion__item.show:after{

	background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(80%,hsla(0,0%,100%,0)));

	background:-webkit-linear-gradient(bottom,#000,hsla(0,0%,100%,0) 80%);

	background:-moz- oldlinear-gradient(bottom,#000,hsla(0,0%,100%,0) 80%);

	background:-o-linear-gradient(bottom,#000,hsla(0,0%,100%,0) 80%);

	background:linear-gradient(0deg,#000,hsla(0,0%,100%,0) 80%)

}

.how-to .accordion__item.show .accordion__title{

	display:none

}

.how-to .accordion__item.show .accordion__content{

	opacity:1;

	-webkit-transition-delay:.3s;

	-moz-transition-delay:.3s;

	-o-transition-delay:.3s;

	transition-delay:.3s

}

.how-to .accordion__title{

	text-align:center;

	padding:0 .5rem;

	z-index:2

}

.how-to .accordion__title img{

	width: 4.5rem;

	margin-bottom:1.5rem;

	background-color:#ffffff;

	-moz-border-radius:50%;

	border-radius:50%

}

.how-to .accordion__text img{

	width:4.5rem;

	background-color:#ffffff;;

	-moz-border-radius:50%;

	border-radius:50%

}

.how-to .accordion__title p{

	font-family:NouvelRBold;

	font-size:18px;

	font-size:1.125rem;

	color:#fff;

	white-space:nowrap

}

.how-to .accordion__title .plus {

  /* width: 1.25rem; */

  /* height: 2.5rem; */

  bottom: 1.5rem;

  color: #fff;

  border: 0.125rem solid #fff;

  -moz-border-radius: 50%;

  border-radius: 50%;

  padding: 0px 0.625rem;

  font-size: 27px;

  /* font-size: 1.9rem; */

  font-family: NouvelRRegular;

}

.how-to .accordion__title .plus span{

	left:52%;

	top:43%

}

.how-to .accordion__content{

	opacity:0;

	-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1);

	-o-transition:opacity .3s cubic-bezier(.4,0,.2,1);

	-moz-transition:opacity .3s cubic-bezier(.4,0,.2,1);

	transition:opacity .3s cubic-bezier(.4,0,.2,1);

	-webkit-transition-delay:0;

	-moz-transition-delay:0;

	-o-transition-delay:0;

	transition-delay:0

}

.how-to .accordion__text{

	position:absolute;

	bottom:3rem;

	left:0;

	width:100%;

	padding:0 1.5rem;

	z-index:2;

	color:#fff

}



.how-to .accordion__text .titre {

  font-family: NouvelRBold;

  font-size: 20px;

  font-size: 1.25rem;

  text-transform: uppercase;

  margin: 1.5rem 0;

}

.how-to .accordion__text p {

  font-family: NouvelRRegular;

  width: 81%;

}

@media only screen and (max-width:767px){

	.how-to .accordion{

		height:auto

	}

	.how-to .accordion__table{

		display:initial

	}

	.how-to .accordion__item{

		display:block;

		width:100%;

		height:5rem;

		-webkit-transition:height .5s cubic-bezier(.4,0,.2,1);

		-o-transition:height .5s cubic-bezier(.4,0,.2,1);

		-moz-transition:height .5s cubic-bezier(.4,0,.2,1);

		transition:height .5s cubic-bezier(.4,0,.2,1)

	}

	.how-to .accordion__item.show{

		width:100%;

		height:20rem

	}

	.how-to .accordion__item.show .accordion__content{

		opacity:1;

		-webkit-transition-delay:.1s;

		-moz-transition-delay:.1s;

		-o-transition-delay:.1s;

		transition-delay:.1s

	}

	.how-to .accordion__title{

		position:relative;

		z-index:2;

		text-align:initial;

		padding:1rem 2rem

	}

	.how-to .accordion__title img{

		width:3rem;

		margin-bottom:0;

		margin-right:.5rem;

		vertical-align:middle

	}

	.how-to .accordion__title p{

		display:inline-block;

		-webkit-transform:translateY(.25rem);

		-moz-transform:translateY(.25rem);

		-ms-transform:translateY(.25rem);

		-o-transform:translateY(.25rem);

		transform:translateY(.25rem)

	}

	.how-to .accordion__title .plus{

		left:auto;

		bottom:50%;

		right:1.5rem;

		-webkit-transform:translateY(50%);

		-moz-transform:translateY(50%);

		-ms-transform:translateY(50%);

		-o-transform:translateY(50%);

		transform:translateY(50%);

		padding:0 .5rem

	}

	.how-to .accordion__text{

		padding:0 1rem;

		bottom:1rem;

		max-width:25rem;

		z-index:6

	}

}



/*----------estimation-Button------------*/

.estimation-Button {
  background-color: rgb(255, 255, 255);
  border: 1px solid black;
  height: 46px;
  width: var(--rn-width4);
  margin: 0 var(--um);
  box-sizing: border-box;
  font-family: NouvelRBold;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.5s, color 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
}

.estimation-Button:hover{

  color: rgb(255, 255, 255) !important;

  background-color: var(--black);

}





/*----------avis clients------------*/

.moiaussi-button-Mobilesection{

  display: none;

}

.AvisClientsTitleMobile{

  display: none;

}

.AvisClientsTitle{

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

}

.coment-card-container{

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 40px 0;

}

.coment-card{

  padding: 11px 11px 11px  70px; 

  text-align: left; 

}

.avisclientsCard{

  padding: 11px 30px;

  text-align: center;

  background-color: #f7f7f7;

}

.avisclientsCard, .coment-card{

  width: var(--rn-width3);

  margin: 0 var(--um);

  box-sizing: border-box;

  align-items: center;



}

.coment-card .title {

  font-family: NouvelRBold;

  font-size: 31px;

  text-align: left;

  margin-bottom: 0px;

  margin-top: auto;

}

.coment-card .semititle {

  font-family: RenaultGroupSemibold;

  text-align: left;

  font-size: 20px;

}

.coment-card .addcoment {
  width: 80%;
  height: 46px;
  font-family: NouvelRBold;
  background-color: var(--yellow);
  border: none;
  transition: background-color 0.5s, color 0.5s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}

.coment-card .addcoment:hover{

  background-color: var(--lightYellow);

}

.startsnumber{

  font-family: NouvelRBold;

  margin: 7px;

}

.starsimage {

  width: 27%;

  box-sizing: border-box;

  margin: auto;

}.starsimage img{

  width: 100%;

}

.startcardtext{

  font-family: NouvelRRegular;

  text-align: left;

}

.autorname{

  border-top: 2px solid var(--yellow);

    font-family: NouvelRBold;

    width: fit-content;

    margin: auto;

    margin-top: 10px;

}



.mainTitle .questions{

  width: 15%;

  margin-top: 20px;

}



/*--------------------questions-section--------------------*/

.questions-section{

    width: var(--rn-width1);

    margin: 0 var(--um);

    box-sizing: border-box;

}

.card {

  margin-bottom: 7px;

}

.btn-link {

    font-family: RenaultGroupSemibold;

    color: rgb(255, 255, 255) !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    width: 100% !important;

    justify-content: space-between !important; 

}

.btn-link.collapsed{

  font-family: RenaultGroupSemibold;

  color: rgb(0, 0, 0) !important;

}

.card-header{

  background-color: white !important;

  padding: 4.5px 0.25rem !important;

}

.card-header.bg-black {

  background-color: black !important;

}



.bg-black {

  background-color: black;

}



.bg-white {

  background-color: white;

}



/* CSS for rotating the icon and changing background color */

.rotate-icon {

  transition: transform 0.5s ease-in-out; 

  margin-left: auto; 

  display: flex; 

  /*margin-top: -30px;*/

}



/* Rotate the icon when the collapse is open */

.card-header.bg-black .rotate-icon {

  transform: rotate(180deg);

  background-color: transparent;

  color: rgb(255, 255, 255);

}



/* Rotate the icon when the collapse is closed */

.card-header .rotate-icon {

  transform: rotate(0deg);

  background-color: transparent;

  color: rgb(0, 0, 0);

}

.btn-link.focus, .btn-link:focus {

  text-decoration: none !important;

  box-shadow: none;

}



/*---------------backToTop-------------------*/

.backToTop{

  width: var(--rn-width1);

  margin: 0 var(--um);

  box-sizing: border-box; 

  text-align: center;

  align-items: center;

  font-family: RenaultGroupSemibold;

}

.backToTop a{

  color: black;

  font-family: RenaultGroupSemibold;

  text-decoration: underline;

}

.backToTop svg{

  margin: auto;

  margin-bottom: -2px;

  margin-left: 10px;

}







/*-----------------------------------------------------------------------------------*/

/*---------------------------------- Responsive -------------------------------------*/

/*-----------------------------------------------------------------------------------*/

@media (min-width: 801px) {

  .cars-section-tablet{

    display: none;

  }

  #carousel2{

    display: none;

  }

  .owl-carousel3-container{

    display: none;

  }

}

/*------------------------------------*/

/*--------------- tablet -------------*/

/*------------------------------------*/

@media (max-width: 800px) {

/*---------------breadcrumb---------------------*/

.breadcrumb svg {

  width: 29px;

  height: 11px;

}

.breadcrumb a{

  font-size: 12px;

}

/*/------------- mainTitle ----------/*/

  .page_headerTitle .semibutton {

    padding: 0 30px;

  }

  .mainTitle{

    margin: 0 var(--um);

    box-sizing: border-box; 

    text-align: center;

    font-family: NouvelRBold;

  }

  .mainTitle .title {

    font-size: 29px;

    font-family: NouvelRBold;

    margin-top: 14px;

  }

  .mainTitle .reverstitle {

    font-size: 29px;

    font-family: NouvelRBold;

    margin-top: 0px;

    margin-bottom: -15px;

  }

  .mainTitle .title.exeption {

    margin-top: 0px;

  }

  .mainTitle .semititle {

    font-family: 'NouvelRRegular';

    margin-bottom: 7px;

    color: var(--gray3);

    font-size: 14px;

  }



/*/------------- minicard ----------/*/

  .M-auto-renault {

    margin-top: 25px;

  }

  .M-auto-renault_container{

    display: none;

  }

  .M-auto-renault_containerT{

    display: block;

    justify-content: center;

    width: 100%;

    margin: 40px 0;

    background-color: #f7f7f7;

  }

  #carousel5 .owl-stage {

    width: 925px !important;

  }

  .mini-card {

    width: var(--rn-width6);

    margin: 0 var(--um);

    text-align: center;

    padding: 0px;

  }

  .mini-card img {

    width: 26% !important;

    margin: auto !important;

  }

  .M-auto-renault .minicard-desc {

    font-size: 14px;

  }

  .minicard-button {

    margin-top: 0px;

    margin-bottom: 40px; 

    border: none;

    width: 250px;

  }

  .minicard-button-div {

    text-align: center;

    width: 100%;

    display: flex;

    justify-content: center;

  }

  #carousel5 .owl-nav {

    position: absolute;

    top: 22%;

    width: 100%;

    transform: translateY(-50%);

  }

  #carousel5 .owl-prev {

    left: -10px;

    position: absolute;

    font-size: 25px;

  }

  #carousel5 .owl-next {

    right: -10px;

    position: absolute;

    font-size: 25px;

  }



/*/------------how-to----------------/*/

  .how-to .accordion {

    max-width: 100%;

  }

  .how-to .accordion__text p {

    width: 100%;

    font-size: 12px;

  }

  .how-to .accordion__item:before {

    top: -5.25rem;

    right: 14px;

  }

  .how-to .accordion__text img {

    width: 3.5rem;

  }

  .how-to .accordion__title img {

    width: 3.5rem;

  }

  .how-to .accordion__title .plus {

      font-size: 21px;

  }

  .estimation-Button {

    margin-top: 0px;

    margin-bottom: 40px; 

    width: 250px;

  }



/*/------------ Avis clients----------------/*/

  .coment-card {

    padding: 11px 11px 11px 0px;

    text-align: left;

    width: 199px;

  }

  .coment-card-container{

    display: flex;

    justify-content: center;

    width: 100%;

    margin: 40px 0;

  }

  .coment-card .title {

    padding: 0px ;

    font-size: 28px;

  }

  .coment-card .addcoment {

    width: 97%;

  }

  .avisclientsCard {

    padding: 10px 15px;

  }

  .startcardtext {

    font-size: 15px;

  }



}







/*------------------------------------*/

/*--------------- phone1 -------------*/

/*------------------------------------*/

@media (max-width: 600px) {

/*---------------breadcrumb---------------------*/

.breadcrumb svg {

  width: 24px;

  height: 9px;

}

.breadcrumb a{

  font-size: 11px;

}

/*---------------change the image of the header (phone)---------------------*/

.header_image {

  background-image: url(../img/header_images/mobile/repriseM.jpg);

}



  .row_6i {

    margin: 15px 0;

  }



/*-----------headertitle -------------*/

  .page_headerTitle {

    width: auto;

    margin-top: 281px;

  }

  .page_headerTitle .title .title_text {

    font-size: 29px;

    letter-spacing: 1px;

  }

  .page_headerTitle .semibutton {

    padding: 0 5px;

    font-size: 14px;

  }

/*-----------.mainTitle .title -------------*/

  .mainTitle .title {

    font-size: 20px;

    margin-top: 0px;

    margin-bottom: 5px;

  }

  .row_1i {

    margin-bottom: 0px;

    margin-top: 15px;

  }

  .mainTitle .semititle {

    margin-bottom: 18px;

  }



/*/------------- M-auto-renault ----------/*/

  .M-auto-renault_containerT {

    margin: -15px 0;

  }

  .mainTitle {

    margin: 0 var(--um);

  }

  .M-auto-renault {

    max-width: var(--rn-width1);

    margin: 0 var(--um);

    box-sizing: border-box;

    text-align: center;

    font-family: NouvelRBold;

  }

  .minicard-title {

    font-size: 15px;

    margin: 0px;

  }

  .M-auto-renault .minicard-desc {

    font-size: 11px;

  }

  #carousel5 .owl-stage {

    width: 960px !important;

  }

  .mini-card {

    width: 159px;

    height: 115px;

  }

  .mini-cards-container {

    max-width: var(--rn-width1);

    margin: 0 var(--um);

    overflow: hidden;

  }

  .minicard-button{

    width: 90%;

    margin-bottom: 20px;

  }

  .estimation-Button  {

    margin-bottom: 20px;

    width: 100%;

  }

/*/------------ how-to----------------/*/

  .how-to-container {

    margin: 0; 

  }



/*/------------ Avis clients----------------/*/

  .moiaussi-button-Mobilesection{

    display: flex;

    justify-content: center;

    width: 100%;

    margin: 15px 0;

  }

  .AvisClientsTitleMobile{

    display: block;

  }

  .coment-card{

    display: none;

  }

  .AvisClientsTitle{

    display: none;

  }

  .avisclientsCard, .coment-card {

    width: var(--rn-width2);

  }

  .startcardtext {

    font-size: 11px;

  }

  .autorname {

    font-size: 10px;

  }

  .avisclientsCard {

    padding: 0px 6px;

    margin: 0 5px;

  }

  .startsnumber {

    margin-bottom: -3px;

    font-size: 13px;

  }

  .moiaussi-button {
    height: 46px;
    width: var(--rn-width1);
    margin: 0 var(--um);
    box-sizing: border-box;
    font-family: NouvelRBold;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.5s, color 0.5s;
    background-color: var(--yellow);
    color: rgb(0, 0, 0);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .moiaussi-button:hover {

    background-color: var(--lightYellow);

    color: rgb(0, 0, 0);

  }

  .coment-card-container {

    margin: 0px 0;

  }



/*/------------ questions part----------------/*/

  .card-body {

    padding: 0.5rem !important;

    font-size: 13px;

  }

  .btn-link {

    text-align: left !important;

    font-size: 13px !important;

  }

  .card {

    margin-bottom: 1px;

  }

/*------back to top---------*/

  .backToTop a {

    color: black;

    font-size: small;

  }



}







@media (max-width: 375px) {

/*-----------headertitle -------------*/

  .page_headerTitle .title .title_text {

    font-size: 24px;

  }

/*/------------- minicard ----------/*/

  #carousel5 .owl-stage {

    width: 864px !important;

  }

  .mini-card {

    width: 130px;

    height: 115px;

  }

}

@media (max-width: 320px) {

/*/------------- minicard ----------/*/

  #carousel5 .owl-stage {

    width: 712px !important;

  }

  .mini-card {

    width: 120px;

    height: 115px;

  }

}







@media (max-width: 425px) {

  :root {

    --unit: 94px;

    --um: 16px;



    --cardHeight: 70px;





    --rn-width3: var(--unit);

    --rn-width1-5: calc(2 * var(--unit) + 2 * var(--um));

    --rn-width1: calc(3 * var(--unit) + 44 * var(--um));

  }

  .tablet {

    display: none !important;

  }



  .desktop {

    display: none !important;

  }



  .mobile {

    display: flex !important;

  }

}