.wrapper-lunii .only-mobile{display: none;}
.wrapper-lunii .accueil{background: #e2eff5;position: relative;}
.wrapper-lunii {font-size: 16px;}
.wrapper-lunii  .clic{position: absolute;height: 100%;width: 100%;top: 0;display: block;background-color: transparent;z-index: 1;}
.wrapper-lunii .accueil > img{width: 100%;}
.wrapper-lunii .accueil .title{position: absolute; z-index: 1; transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center;    width: 100%;}
.wrapper-lunii .accueil  h1{font-weight: 700;font-size: 34px;color: #00958f;text-transform: uppercase;}
.wrapper-lunii .main-nav__topic{margin-top: -60px;position: relative;}
.wrapper-lunii .main-nav__topic .red-nav{display: flex; justify-content: center;}
.wrapper-lunii .main-nav__topic .red-nav li .round {  margin: 0 auto 15Px; height: 168px; width: 168px; border-radius: 50%; background: white; display: flex; align-items: center; justify-content: center;border:5px solid #DBF1F9}
.wrapper-lunii .main-nav__topic .red-nav li{text-align: center;width: 300Px;}
.wrapper-lunii .main-nav__topic .red-nav li a.active, .wrapper-lunii .main-nav__topic .red-nav li a:hover{color: #29BDB9;font-weight: 600; }
.wrapper-lunii .main-nav__topic .red-nav li a.active .round{border:5px solid #29BDB9 ;background-color: #DBF1F9;}
.wrapper-lunii .main-nav__topic .red-nav li a{font-size: 18px;}

.wrapper-lunii   h2{font-weight: 700;font-size: 34px;color: #00958f;text-align: center;}
.wrapper-lunii   h2 span{font-weight: 400; font-size: 20px;}
.wrapper-lunii .cta {   background: #FBBD29; display: table; text-align: center; padding: 13px 14px; width: fit-content; border-radius: 10px; margin: 10px auto; font-weight: 600;}

.wrapper-lunii  .description { margin-top: 3rem;} 
.wrapper-lunii  .intro p{ margin: 2rem 8rem 3rem;text-align: center;}


.wrapper-lunii .description .blueback-bloc {position: relative; display: flex;}
.wrapper-lunii .description .blueback-bloc .fab-block{display: flex;justify-content: center;position: relative;text-align: center; flex: 1;margin-bottom: 2rem;}
.wrapper-lunii .description .blueback-bloc .fab-block-product h3{font-size:23px;color: #00958f;}
.wrapper-lunii .description .blueback-bloc .fab-block-product p{padding: 10px 50px;}
.wrapper-lunii .description .text-blue{position: relative;z-index: 1;padding: 0 3rem;flex: 1;background: #29BDB9;}
.wrapper-lunii .description .cta-bloc{position: relative; z-index: 1; display: flex;}
.wrapper-lunii .description ul{display: flex;color: #fff; flex-direction: column;height: 100%; justify-content: center;row-gap: 3rem;}
.wrapper-lunii .description ul li{display: flex; }
.wrapper-lunii .description ul li p span { font-weight: 700;line-height: 26px;}
.wrapper-lunii .description ul li img {  height: 60px;  width: 60px;  max-width: fit-content;}
.wrapper-lunii .description ul li .text { margin-left: 9px;}

.wrapper-lunii  .allluniis{margin: 40px 0;padding: 50px;}
.wrapper-lunii  .allluniis .products{ gap: 4rem;width: max-content;}
.wrapper-lunii  .allluniis .products > div{position: relative;width: 310px;align-self: flex-end;}

.wrapper-lunii .slide-block{ align-items: center;display: flex;padding: 40px 0;    position: relative;}
.wrapper-lunii .slide-block h2{text-align: left;}
.wrapper-lunii .slide-block > .text{padding: 0 72px;display: flex;flex-direction: column; max-width: 30rem;}
.wrapper-lunii .slide-block .text h2{margin-bottom: 20px;}
.wrapper-lunii ::-webkit-scrollbar { width: 20px; height: 10px;padding:20px 0;}
.wrapper-lunii ::-webkit-scrollbar-track { border-radius: 10px;}
.wrapper-lunii ::-webkit-scrollbar-thumb { background: #29BDB9;
border-radius: 10px; }
.wrapper-lunii ::-webkit-scrollbar-thumb:hover { background: #00958f; }

.wrapper-lunii  .products{display: flex;justify-content: center;text-align: center;width: fit-content;}
.wrapper-lunii  .products.stories .product{position: relative;margin: 0 10px;width: 12.5rem;}
.wrapper-lunii  .products .hover-prod{display: none;}
.wrapper-lunii  .products .product:hover .hover-prod{ cursor: pointer;   position: absolute;height: 100%;display: flex;width: 100%;background: rgba(251, 189, 41, 0.77);flex-direction: column;justify-content: center;padding: 20px;}
.wrapper-lunii  .products .hover-prod .title{font-weight: 600;    line-height: 23px;  color: #00958f;}

.wrapper-lunii  .products .hover-prod .cta{   background: white;}


.wrapper-lunii .products .img, .wrapper-lunii .access-prod{position: relative;}
.wrapper-lunii  .products .product .text{   margin-top: 12px;}
.wrapper-lunii  .products .product .text   .title{font-weight: 700; line-height: 20px;}
.wrapper-lunii  .products .text .product  .age{font-size:17px ;}
.wrapper-lunii  .products  .product .text  .price{ font-weight: 700;font-size: 20px;}

.wrapper-lunii .overflow-slide { width: 100%;overflow-x: auto;     padding: 0 0 20px; }
.wrapper-lunii  .access-prod { width: 20rem; display: flex; flex-direction: column; justify-content: space-between;}
.wrapper-lunii  .access-prod h4{font-size: 16px;margin-top:5px;}
.wrapper-lunii  .access-prods.products {width: max-content;gap: 2rem;}

@media screen and (max-width: 1360px){
.wrapper-lunii .accueil { padding-bottom: 6rem;}
}

@media screen and (max-width: 768px){
   .wrapper-lunii .accueil .title{transform: translate(-50%, -80%);}
  .wrapper-lunii .only-mobile{display: block;}
  .wrapper-lunii .only-desktop {display: none!important;}
  .wrapper-lunii .accueil h1 {font-size: 25px; line-height: 50x; padding: 0 10px;}
  .wrapper-lunii   h2{font-size: 27px; padding: 0 10px;}
  .wrapper-lunii .main-nav__topic {width: 100%; overflow: auto;}
  .wrapper-lunii .main-nav__topic .red-nav { width: max-content;padding-bottom: 20Px;}
  .wrapper-lunii .main-nav__topic .red-nav li { width: 170px;}
  .wrapper-lunii .main-nav__topic .red-nav li .round {height: 150px;    width: 150px;}
  .wrapper-lunii .intro {padding: 10px; }
  .wrapper-lunii .accueil {padding-bottom: 10rem;}
  .wrapper-lunii .description {  margin: 30px 0 2px;}
  .wrapper-lunii .description .intro p { margin: 0;}
  .wrapper-lunii .intro p {margin: 20Px;}
 .wrapper-lunii .description .blueback-bloc .fab-block-product {margin: 10px;width: auto;}
.wrapper-lunii .description .blueback-bloc .fab-block-product p { padding: 0;}
 .wrapper-lunii .description .blueback-bloc { flex-direction: column;}
.wrapper-lunii .description .blueback-bloc .fab-block-product h3 {font-size: 20px;}
.wrapper-lunii .description .text-blue {padding: 10px;}
.wrapper-lunii .description ul li .text { margin-left: 0;margin-top: 10px;}
.wrapper-lunii .allluniis { margin: 0; padding: 30px 10px;}
.wrapper-lunii .allluniis .products { gap: 1rem;}
.wrapper-lunii .allluniis .products > div { width: 270px;
    align-self: flex-start;}
.wrapper-lunii .slide-block { padding: 10px 0;}
.wrapper-lunii .slide-block > .text {padding: 0 10Px;text-align: center; margin-bottom: 2rem;}
.wrapper-lunii .slide-block { flex-direction: column;}
.wrapper-lunii .slide-block .text h2 {text-align: center;
    margin-bottom: 10px;}
.wrapper-lunii .access-prod {width: 270px;}

.wrapper-lunii  .products .text .age{font-size:16px ;}
.wrapper-lunii  .products .text  .price{font-size: 18px;}
.wrapper-lunii .description ul {row-gap: 0rem;text-align: enter;}
.wrapper-lunii .description .blueback-bloc .blueback {  top: 3px;}
.wrapper-lunii .description ul li {padding: 1rem 0; flex-direction: column; text-align: center;}

.wrapper-lunii .description .blueback-bloc .fab-block {
  flex-direction: column;margin-bottom: 0;}

}