.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%;

    margin: 40px 0;

    align-items: center;

}

  .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.233);

    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;
}
 

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

.page_headerTitle{

    width: var(--rn-width1);

    margin: 0 var(--um);

    box-sizing: border-box; 

    text-align: left;

  }

  .page_headerTitle .title {

    margin: 0px 0px 60px 0px;

    padding: 0px;

    text-align: center;

}

  .page_headerTitle .title .title_text {

    font-size: 34px;

    font-family: NouvelRBold;

    margin: 0px;

    text-transform: uppercase;

    color: white;

    margin-top: -20px;

    line-height: 1.3;

    letter-spacing: 2px;

}

.page_headerTitle .title .subtitle_text {

    color: white;

    font-family: NouvelRRegular;

    font-size: 23px;

    letter-spacing: 1px;

}

  .header_image {

    height: 530px;

    width: 100%;

    box-sizing: border-box;

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

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    align-items: center;

    text-align: center;

    display: flex;

}



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

    .breadcrumb_Container{

        display: flex;

        justify-content: center;

        width: 100%;

        margin: 0;

    }

    .breadcrumb {

        display: flex;

        height: 60px;

        width: var(--rn-width1);

        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: #000000;

    }

    .breadcrumb svg{

        width: 26px;

        height: 10px;

        fill: currentcolor;

        color: var(--yellow);

        font-family: 'NouvelRBold';

    }

  

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

  .mainTitle{

      margin: 0 var(--um);

      box-sizing: border-box; 

      text-align: center;

      font-family: NouvelRBold;

    }

    .mainTitle .title {

        font-size: 35px;

        font-weight: bold;

        font-family: NouvelRBold;

        margin-bottom: 14px;

    }

    .mainTitle .title.exeption {

      margin-top: 0px;

    }

    .mainTitle .semititle {

        font-size: 16px;

        margin-bottom: 0px;

        width: 64%;

        margin: auto;

        font-family: RenaultGroupSemibold;

        color: var(--gray3);

    }

  



    

/*/------------- dropdown ----------/*/

.dropdown {

    position: relative;

    display: inline-block;

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

    width: 100%;

}



.dropbtn {

    background-color: #ffffff;

    color: var(--gray3);

    padding: 14px;

    font-size: 16px;

    border: none;

    cursor: pointer;

    display: flex;

    flex-direction: row;

    align-items: center;

    font-family: 'NouvelRRegular';

    width: 100%;

    justify-content: space-between;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #ffffff;

    min-width: 300px;

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);

    z-index: 2;

    top: 54px;

    overflow-y: scroll;

    height: 255px;

}



.dropdown-content a {

    color: var(--gray3);

    padding: 12px 16px;

    text-decoration: none;

    display: block;

    cursor: pointer;

}



.dropdown-content a:hover {

    background-color: #ddd;

}



.dropdown.active .dropdown-content, .dropdown.active .dropdown_content_range {

    display: block;

}



#chevronIcon {

    transition: transform 0.3s ease-in-out;

}

    

.dropdown.active #chevronIcon {

    transform: rotate(180deg);

}



.form {

    width: 796px;

    display: flex;

    flex-direction: row;

    align-items: center;

    margin-top: -255px;

    margin-left: var(--um);

    margin-right: var(--um);

}



.dropdown.active{

    border-bottom: 3px solid var(--yellow);

}

.dropdown.active .dropbtn svg{

    color: var(--yellow);

}



button:focus{

    border: none !important;

    outline: none !important;

}

/*-----------range-----------------*/

.dropdown_content_range {

    display: none;

    position: absolute;

    background-color: #ffffff;

    min-width: 354px;

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);

    z-index: 1;

    top: 55px;

    height: 100px;

    padding: 18px 35px;

}

.price-input {

    width: 100%;

    display: flex;

    margin: 0px 0 14px;

    justify-content: space-between;

    align-items: center;

}

.min, .max{

    font-family: 'RenaultGroupSemibold';

}

.price-input .field{

  display: flex;

  width: 100%;

  height: 45px;

  align-items: center;

}

.fieldMIN input, .fieldMAX input {

    width: 100%;

    outline: none;

    font-size: 19px;

    -moz-appearance: textfield;

    border: none;

}

.fieldMAX input{

    text-align: right;

    margin-right: 12px;

}

.fieldMIN input{

    text-align: left;

    margin-left: 12px;

}



input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.price-input .separator{

  width: 130px;

  display: flex;

  font-size: 19px;

  align-items: center;

  justify-content: center;

}

.slider {

  height: 4px;

  position: relative;

  background: var(--gray1);

  border-radius: 5px;

}

.slider .progress{

  height: 100%;

  left: 0%;

  right: 0%;

  position: absolute;

  border-radius: 5px;

  background: var(--gray);

}

.range-input{

  position: relative;

}

.range-input input {

  position: absolute;

  width: 109%;

  height: 5px;

  top: -4px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  left: -11px;

}

input[type="range"]:focus, input[type="range"]:focus-visible{
  border-bottom:0px !important;
}


input[type="range"]::-webkit-slider-thumb{

  width: 50px; 

  height: 50px;

  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><circle cx="25" cy="25" r="15" fill="white"></circle><circle cx="25" cy="25" r="16" stroke="%23939393" fill="none" stroke-width="2"></circle><line x1="16" y1="25" x2="20" y2="22.5" stroke="black" stroke-width="1"></line><line x1="16" y1="25" x2="20" y2="27.5" stroke="black" stroke-width="1"></line><line x1="30" y1="22.5" x2="34" y2="25" stroke="black" stroke-width="1"></line><line x1="30" y1="27.5" x2="34" y2="25" stroke="black" stroke-width="1"></line></svg>') no-repeat center center;

  pointer-events: auto;

  -webkit-appearance: none;

  cursor: pointer;

  margin: 0;

  border-radius: 50%;

  box-shadow: 0 0 6px rgba(0,0,0,0.03);

}



input[type="range"]::-moz-range-thumb{

  height: 50px;

  width: 50px;

  border-radius: 50%;

  box-shadow: 0 0 6px rgba(0,0,0,0.03);

  border: none;

  background: #17A2B8;

  pointer-events: auto;

  -moz-appearance: none;

}

.button_form {

    background: var(--yellow);

    height: 54px;

    width: 43%;

}











/*/------------- Mini cards pourquoi renault ----------/*/

    .minicard-title {

        line-height: 1;

        margin-top: 10px;

    }

    .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;

    }

    .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-size: 16px;

            margin-bottom: 0px;

            width: 64%;

            margin: auto;

            font-family: RenaultGroupSemibold;

            color: var(--gray3);

        }

        .M-auto-renault .minicard-desc {

            font-family: NouvelRRegular;

            font-size: 13px;

            line-height: 1;

        }

    .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);

    }

    .minicard-button:hover{

        background-color: var(--yellow);

        color: rgb(0, 0, 0);

    }





/* ------------- stickercard ---------- */

    .description {

        font-family: NouvelRRegular;

        margin: 20px;

    }

    .showcars .description{

        color: #2f2f2f;

        margin: 0 20px 0 20px;

        font-size: medium;

    }

    .showcars {

        width: var(--rn-width1);

        margin: 0 var(--um);

        box-sizing: border-box;

        text-align: center;

        font-family: NouvelRBold;

        background-color: #f7f7f7;

        display: flex;

        align-items: center;

        flex-direction: row;

        padding: 21px;

    }

    .showcars .title-cards-details {

        font-size: 30px;

        font-family: NouvelRBold;

        margin: -1px;

        line-height: 1.2;

    }

    .showcars .subtitle {

        font-size: 15px;

        font-family: 'NouvelRBold';

        margin: 10px 0 44px 0;

    }

    .card-text-btns{

        width: var(--rn-width2);

        margin: 35px var(--um);

        box-sizing: border-box;

    }

    .card-btns{

        display: flex;
        justify-content: center;
        align-items: center;

    }

    .card-btns .card-btn1, .card-btns .card-btn2{

      height: 46px;

      width: 50%;

      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;

    }

    .card-btns .card-btn1{

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

        color: var(--black);

    }

    .card-btns .card-btn2{

        background-color: var(--black);

        color: rgb(255, 255, 255);

    }

    .card-btns .card-btn1:hover{

        background-color: var(--black);

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

    }

    .card-btns .card-btn2:hover{

        background-color: var(--yellow);

        color: rgb(0, 0, 0);

    }

    .image-zone{

        margin: 0 var(--um);

        box-sizing: border-box;

        width: 50%;

    }

    .image-zone img {

        width: 108%;

    }



/*---------------cars_card-------------------*/

    .cars-section1 {

      width: var(--rn-width1);

      margin: 0 var(--um);

      box-sizing: border-box;

      display: grid;

    }

    .todispear {

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    .tout_nos_offres {

        height: 46px;

        width: var(--rn-width4);

        box-sizing: border-box;

        font-family: NouvelRBold;

        font-size: 16px;

        cursor: pointer;

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

        background-color: black;

        color: white;

        margin: auto;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .tout_nos_offres:hover {

        background-color: var(--yellow);

        color: black;

    }

    .card{

        border: none !important;

    }

    .card-title {

        font-family: 'NouvelRBold';

        margin: 13px 0;

        font-size: 19px;

    }

    .cars_card{

        width: var(--rn-width3);

        margin: 0 var(--um);

        box-sizing: border-box;

        font-family:  NouvelRBold;

    }

    .showMorecarsBTN{

        display: none;

    }

    .cars_card .card-img-top{

        width: 100%;

    }

    .cars_card .card-text {

        font-family: NouvelRRegular;

        margin-top: -6px;

        margin-bottom: 7px;

        line-height: 1.2;

        width: 82%;

    }

    .cars_card .cardButton {

        color: var(--black);

        font-weight: 600;

        font-family: 'RenaultGroupSemibold';

    }

    .cars_card .prise {

        color: var(--black);

        font-family: 'RenaultGroupSemibold';

    }

    .cars_card .cardButton svg {

        overflow: hidden;

        vertical-align: middle;

        margin-left: 20px;

        color: var(--yellow);

    }

    .cars_card .cardButton:hover {

        color: var(--black);

        border-bottom: 2px solid var(--black);

        font-weight: 600;

    }

    .hybrid{

        margin-top: -64px;

    }

    .cars_card .hybrid .hybrid_text {

        color: #828282;

        font-family: 'NouvelRRegular';

        margin-bottom: 6px;

    }

    .cars_card .hybrid .hybrid_full {

        border: 2px solid #0086cf;

        color: #0086cf;

        text-align: left;

        display: inline;

        padding: 5px 6px;

        border-radius: 4px;

        font-weight: 600;

        font-size: 12px;

    }



/* ------------- financez ---------- */

.financez_sticker{

    display: flex;

    justify-content: center;

    width: 100%;

    margin: 40px 0;

    align-items: center;

}

.image_section, .text_section{

    height: auto;

    width: var(--rn-width2);

    margin: 0 var(--um);

    box-sizing: border-box;

}

.text_section{

    padding: 3% 68px;

    background-color: #f7f7f7;

}



.image_section img{

    width: 100%;

}



.text_section .title {

    font-size: 32px;

    font-family: NouvelRBold;

    margin: -1px;

    line-height: 1.2;

}

.text_section .subtitle {

    font-size: 15.5px;

    font-family: 'NouvelRBold';

    margin: 10px 0 16px 0;

}

.text_section .card-btn2:hover {

    background-color: var(--yellow);

    color: black;

}

.text_section .card-btn2 {

    height: 46px;

    width: 60%;

    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);

    display: flex;

    align-items: center;

    justify-content: center;

}





/*--------------------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;

}

.questions{

    width: 15%;

}











/*---------------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 (max-width: 1100px) {
    .cars-section1 {

        width: 100%;

        margin: 0 var(--um);

        box-sizing: border-box;

    }
    .form {

        width: 655px;

    }

    .row_3i {

        justify-content: space-around;

    }

    .image-zone img {

        width: 140%;

        margin-left: -88px;

    }

    .text_section {

        padding: 1% 30px;

        background-color: #f7f7f7;

    }

    .text_section .title {
      font-size: 20px;
      font-family: NouvelRBold;
      margin: -1px;
      line-height: 1.2;
    }

    .text_section .subtitle {
        font-size: 11.5px;
        font-family: 'NouvelRBold';
        margin: 5px 0 16px 0;
    }

}

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

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

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

@media (max-width: 800px) {



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

.breadcrumb svg {

  width: 29px;

  height: 11px;

}

.breadcrumb a{

  font-size: 12px;

}

   

/*-----------headerTitle -------------*/

  .page_headerTitle .title .title_text {

    font-size: 40px;

  }

  .page_headerTitle .title .subtitle_text {

    font-size: 21px;

  }

  

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

    .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-size: 14px;

        width: 90%;

    }



/*/------------- form ----------/*/

    .form {

        width: 550px;

    }

    .dropbtn {

        padding: 10px 8px;

    }

    .button_form {

        height: 46px;

        width: 70%;

    }

    .dropdown-content {

        min-width: 228px;

        top: 47px;

    }

    .dropdown_content_range{

        top: 47px;

    }

    .dropdown {

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

        border-width: 0.5px; /* Set the border width */

    }

    

/*/------------- 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;

  }



  .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%;

  }

  #carousel5 .owl-nav {

    position: absolute;

    top: 22%;

    width: 100%;

    transform: translateY(-50%);

  }

  #carousel5 .owl-prev {

    left: 0px;

    position: absolute;

    font-size: 25px;

  }

  #carousel5 .owl-next {

    right: 0px;

    position: absolute;

    font-size: 25px;

  }



/*--------------- stickercard -------------*/

.card-text-btns {

    width: 55%;

    margin: 15px;

    box-sizing: border-box;

  }

  .image-zone img {

    width: 140%;

    margin-left: -50px;

  }

  .showcars .title-cards-details {

    font-size: 24px;

  }

  .card-btns .card-btn1, .card-btns .card-btn2 {

    margin: 0 5px;
    width: 100%;
    font-size: 15px;

  }



}

  

  

  

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

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

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

@media (max-width: 566px) {

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

    .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/ocassion.jpg);

}



/*-----------headerTitle -------------*/

    .page_headerTitle .title {

      margin: 0px 0px 118px 0px;

    }

    .page_headerTitle .title .title_text {

        font-size: 27px;

    }

    .page_headerTitle .title .subtitle_text {

        font-size: 13px;

        width: 279px;

        margin: auto;

    }

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

    .mainTitle .title {

        font-size: 21px;

        margin-top: 20px;

    }

    .row_1i {

        margin-bottom: 0px;

        margin-top: 15px;

    }



/*----------- Form -------------*/

    .form {

        width: 400px;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-around;

        margin-top: -255px;

    }

    .form > * {

        width: calc(52% - 8px);

        margin-bottom: 0px;

    }

    .dropdown_content_range {

        right: 0px;

    }

    .dropdown-content {

        min-width: 199px;

    }



/*/------------- cars cards ----------/*/   

    .row_3i {

        margin: 10px 0;

    }

    .cars_card .cardButton svg {

        width: 8px !important;

        height: 18px !important;

        margin-left: 12px;

    }

    .row_3i > .cars_card:nth-child(n+4) {

        display: none;

    }

    .tout_nos_offres {

        width: 93%;

        margin: 0 var(--um);

    }

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

    .mainTitle .semititle{

        margin-bottom: 10px;

        font-size: 11px;

        width: 100%;

    }

    .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;

        margin-top: 8px;

    }

    .mini-card {

        width: 129px;

        height: 155px;

    }

    .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%;

    }



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

    .backToTop a {

      color: black;

      font-size: small;

    }



/* ------------- financez ---------- */

.financez_sticker{

    flex-direction: column-reverse;

}

.image_section, .text_section {

    height: auto;

    width: auto;

    margin: 0 var(--um);

    box-sizing: border-box;

    text-align: center;

}

.text_section {

    padding: 1px 0 23px 0px;

}

.text_section .title {

    font-size: 20px;

    margin: 10px 0px;

}

.text_section .subtitle {

    font-size: 11.5px;

    font-family: 'RenaultGroupSemibold';

}

.text_section .card-btn2 {

    width: 100%;

}

/*---------------sticker car--------------*/

    .showcars {

        padding: 21px 0;

    }

    .description {

        font-family: NouvelRRegular;

        margin: 0px;

        line-height: 1;

    }

    .showcars {

        flex-direction: column;

    }

    .image-zone img {

        width: 183%;

        margin-left: -65px;

    }

    .card-btns {

        display: flex;

        flex-direction: column-reverse;

    }

    .card-text-btns {

        width: 100%;

        margin: 0;

        box-sizing: border-box;

    }

    .card-btns .card-btn1 {

        margin: 0px;

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

        margin-bottom: 10px;

        width: 100%;

    }

    .card-btns .card-btn2 {

        margin: 0;

        font-size: 15px;

        width: 100%;

    }

    .showcars .title-cards-details {

        font-size: 19px;

    }

    .showcars .subtitle {

        font-size: 13px;

        margin: 10px;

    }



/*/------------ 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;

  }

  

}

@media (min-width: 1440px) {
    .row_3i {
        display: flex;
        justify-content: center;
        width: 1248px;
        margin: 40px 0;
        flex-wrap: wrap;
    }
}
@media (max-width: 425px) {
  .cars_card {
    width: 100%;
    margin: 0 var(--um);
    box-sizing: border-box;
    font-family: NouvelRBold;
  }
}

@media (max-width: 375px) {

  .dropdown_content_range {
    min-width: 340px;
    padding: 18px 14px;
  }
  .dropdown-content {
    min-width: 168px;
  }

}

@media (max-width: 320px) {

  .dropdown_content_range {
    min-width: 285px;
  }

  .dropdown-content {
    min-width: 141px;
  }

  .M-auto-renault {
    margin: 0;
  }

  .minicard-title {
    font-size: 12px;
  }

}

  

  @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;

    }

  }