.wrapper-merlin .only-mobile{display: none;}
.wrapper-merlin {font-size: 16px;}
.wrapper-merlin  .clic{position: absolute;height: 100%;width: 100%;top: 0;display: block;background-color: transparent;z-index: 1;}
.wrapper-merlin .accueil{position: relative;}
.wrapper-merlin  .cta{padding: 13px 35px;display: table;  width: fit-content;  margin: 10px 0;  font-weight: 600;color: #fff; background-color: #005A6F;border-radius: 10px;}
.wrapper-merlin   h2{font-weight: 700;font-size: 45px;color: #005A6F;}
.wrapper-merlin .accueil .title{    position: absolute; z-index: 1; transform: translate(50%, -50%); top: 50%; right: 19%; text-align: right; width: 400px; color: #fff; }
.wrapper-merlin .accueil  h1{font-weight: 700; font-size: 40px;
    color: #FFF;    margin: 10px 0;    line-height: 52px;}
.wrapper-merlin  h3{font-size: 35px;}

.wrapper-merlin .y-products{position: relative;}
.wrapper-merlin .y-products article{display: flex;      justify-content: space-around;  align-items: center;position: relative;z-index: 1;    margin-top: 3rem;}
.wrapper-merlin .y-products article .bloc-text{max-width: 43rem;  padding: 4rem;}
.wrapper-merlin .y-products .intro{margin: 3rem auto;}
.wrapper-merlin .y-products.orange h3{color: #005A6F;}
.wrapper-merlin .y-products h2{text-align: center;}
.wrapper-merlin .y-products article .bloc-text h2{text-align: left;}
.wrapper-merlin .full-width{color: #fff;background-color: #005A6F;text-align: center; margin-top: 3rem;}
.wrapper-merlin .full-width .text{padding: 50px;}
.wrapper-merlin .full-width h2{color: #fff;margin-bottom: 2%;}

.wrapper-merlin  .description .bloc1{justify-content: center;
 align-items: center;    display: flex;}
.wrapper-merlin  .description .bloc1 .desc{display: flex;    flex-direction: column;padding: 40px 30px; margin-left: 5%;width: 50%;}
.wrapper-merlin  .description .bloc1 ul{margin-top: 10px; list-style : disc;font-size: 16px;    margin-left: 25px;}
.wrapper-merlin  .description .bloc1 ul li{ margin-bottom: 7px;}
.wrapper-merlin  .description .bloc1 .desc p{font-size: 18px;}
.wrapper-merlin .column-products{display: flex;justify-content: center;}
.wrapper-merlin  .orange .cta{color: #005A6F;background-color: #fff;}
.wrapper-merlin .y-products .column-products article {flex-direction: column;justify-self: stretch;}

.wrapper-merlin  .products{display: flex;justify-content: center;width: fit-content; align-items: stretch;}
.wrapper-merlin  .product{flex: 1; margin: 0 10px;position: relative;justify-content: space-between;align-items: stretch;display: flex;flex-direction: column;}
.wrapper-merlin  .products .product .text{margin-top: 20px;}
.wrapper-merlin  .products .product .text  .title{    line-height: 20px; text-align: left;}
.wrapper-merlin .price{ font-weight: 700;font-size: 20px;}
.wrapper-merlin .overflow-slide {width: max-content; padding: 0 0 20px;  }

@media screen and (max-width: 1025px){
.wrapper-merlin .accueil .title {right: 21%;;width: 354px;}
.wrapper-merlin .accueil h1 {font-size: 30px;line-height: 36px;}
}

@media screen and (max-width: 768px){
  .wrapper-merlin .only-mobile{display: block;}
  .wrapper-merlin .only-desktop {display: none!important;}
  .wrapper-merlin .accueil h1 {font-size: 20px;margin-bottom: 5px;}
  .wrapper-merlin .y-products .intro {    margin: 1rem auto;padding: 12px;}
  .wrapper-merlin .description .cta {  font-size: 14px;}
  .wrapper-merlin .y-products article  { flex-direction: column-reverse;}
  .wrapper-merlin .column-products,.wrapper-merlin .description .bloc1{ flex-direction: column;}
  .wrapper-merlin .description .bloc1 .desc{width: auto;margin-left: 0}
  .wrapper-merlin .y-products article .bloc-text {  max-width: auto;   padding: 2rem;}
  .wrapper-merlin h3 { font-size: 20px;  line-height: 28px;}
  .wrapper-merlin h2 { font-size: 25px; line-height: 32px;}
  .wrapper-merlin h2 br{display: none;}
  .wrapper-merlin .full-width .text {padding: 30px;}
  .wrapper-merlin .description .bloc1 .img{width: 300px;}
  .wrapper-merlin .accueil { display: flex; flex-direction: column;
   background: #005A6F;}
  .wrapper-merlin .accueil .title { position: inherit;  width: auto;
     transform:inherit;top: inherit; right: inherit;   text-align: center;padding: 20px;}
   .wrapper-merlin .accueil .title > img{width: 185px;}
}