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

  }

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

  }





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

.breadcrumb_Container{

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 0;

}

.breadcrumb {

  display: flex;

  height: 50px;

  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;

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

}

.breadcrumb a{

  font-family: 'NouvelRRegular';

  font-size: 13px;

}

.breadcrumb svg{

  width: 26px;

  height: 10px;

  fill: currentcolor;

  color: var(--yellow);

  font-family: 'NouvelRBold';

}

.hr_breadcrimb{

  color: var(--gray3);

}

/*---------------- technologies -------------------*/

.technologies{

    display: flex;

    justify-content: center;

    width: 100%;

    margin: 40px 0;

  }

  .technologies_card_hide {
    display: flex;

    margin: 40px auto;

    flex-wrap: wrap;

    gap: 45px 0px;

    width: var(--rn-width1);

    justify-content: center;
    
  }

  .technologies_card{

      width: 30%;

      margin: 0 var(--um);

      box-sizing: border-box;

      font-family: NouvelRBold;

  }

  .technologies_card .card3 .card-img-top {

    width: 100%;

  }

  .technologies_card .card3 .card-body .card-title {

    font-size: 18px;

    font-weight: 600;

    font-family: NouvelRBold;

    margin: 18px 0 !important;

  }    

  .technologies_card .card3 .card-body .card-text {

    font-size: 17px;

    font-family: NouvelRRegular;

    margin: 18px 0 !important;

  }

  .technologies_card .card3 .card-body .btn {

    color: black;

    font-weight: 600;

    font-family: NouvelRBold;

  }

  .technologies_card .card3 hr {

    margin: 0;

    width: 70px;

    background-color: var(--yellow);

    border: none;

    height: 2px; 

  }

  .card3 .card-body > div {

    margin-top: auto; 

    display: flex;

  }

  .card3 .card-body > div a {

    margin-right: 15px; 

  }

  .card3 {

    position: relative;

    display: flex;

    flex-direction: column;

    height: 100%;

  }

  .card3 .card-body {

    flex-grow: 1; 

    display: flex;

    flex-direction: column;

  }

  

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

  .mainTitle{

    margin: 0 var(--um);

    box-sizing: border-box; 

    text-align: center;

    font-family: NouvelRBold;

  }

  .mainTitle .reverstitle {

    font-size: 40px;

    font-weight: bold;

    font-family: NouvelRBold;

    margin-top: 14px;

  }

  .mainTitle .title {

    font-size: 40px;

    font-weight: bold;

    font-family: NouvelRBold;

    margin-bottom: 14px;

  }

  .mainTitle .title.exeption {

    margin-top: 0px;

  }

  .mainTitle .semititle {

    font-family: 'RenaultGroupSemibold';

    margin-bottom: 20px;

    color: var(--gray3);

}



/*---------------pagination-------------------*/

.accessoires_pagination {

  display: flex;

  margin: auto;

  align-items: center;

  margin-top: 20px;

  justify-content: center;

}



.pagination_num {

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

  padding: 5px;

  border-radius: 30px;

  min-width: 20px;

  min-height: 20px;

  align-items: center;

  display: flex;

  justify-content: center;

  margin: 0 5px;

}



.pagination_active {

  color: white;

  background: var(--black);

}



.pagination_space {

  padding: 5px;

  min-width: 20px;

  min-height: 20px;

  align-items: center;

  display: flex;

  justify-content: center;

  margin: 0;

}



.pagination_next {

  padding: 5px;

  border-radius: 30px;

  min-width: 20px;

  min-height: 20px;

  align-items: center;

  display: flex;

  justify-content: center;

  margin: 0 5px;

  background: var(--yellow);

}



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

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

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

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

/*------------------------------------*/
@media (max-width: 959px) {
  .technologies_card {
    width: 45%;
  }
}

@media (max-width: 800px) {

    .technologies_card .card3 .card-body .card-title {

        margin: 17px 0;

    }

    .technologies_card .card3 .card-body .card-text {

        font-size: 16px;

    }

    .technologies_card_hide {

        gap: 30px 0px;

    }



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

.breadcrumb svg {

  width: 29px;

  height: 11px;

}

.breadcrumb a{

  font-size: 12px;

}

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

    .accessoires_pagination {

      scale: 0.8;

  }

/*/------------- 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-family: RenaultGroupSemibold;

    margin-bottom: 7px;

    color: var(--gray3);

  }

}



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

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

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

@media (max-width: 639px) {



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

.breadcrumb svg {

  width: 24px;

  height: 9px;

}

.breadcrumb a{

  font-size: 11px;

}

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

  .mainTitle .title {

    font-size: 20px;

    margin-top: 0px;

  }

  .row_1i {

    margin-bottom: 0px;

    margin-top: 15px;

  }



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

.technologies_card .card3 .card-body .card-title {

    margin: 12px 0;

}
.technologies_card {
  width: 100%;
}

.technologies_card_hide {

    gap: 32px 0px;

}

.technologies_card .card3 .card-body .card-text {

    font-size: 14px;

}

.technologies_card .card3 .card-body .card-title {

    font-size: 16px;

}

.technologies_card .card3 .card-body .btn {

    font-size: 14px;

}

}