#kwkblocknewproducthomepage{
    margin-top: 30px;
    .kwkblocknewproducthomepage_header{
        margin-bottom: 30px;
        .kwkblocknewproducthomepage_header_title{
            position: relative;
            width: 100%;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            &::before{
                content: "";
                z-index: -1;
                height: 1px;
                width: 100%;
                background-color: var(--custom-gray-medium,"#C4C4C4");
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }
            .kwkblocknewproducthomepage_header_title_text{
                color: var(--primary, #000);
                font-size: 18px;
                font-weight: 300;
                background-color: #fff;
                padding: 0 30px;
                margin-bottom: 0;
            }
        }
        .kwkblocknewproducthomepage_header_link{
            width: 100%;
            text-align: end;
            .kwkblocknewproducthomepage_header_link_text{
                color: var(--primary, #000);
                text-decoration: none;
                border-bottom: solid 1px var(--primary, #000);
                font-size: 18px;
                font-weight: 500;
            }
        }
    }

    .kwkblocknewproducthomepage_content{
        .swiper{
            padding: 0 30px;
        }
        .swiper-button-custom{
            width: 5px;
        }
        .wrapper-swipper-button{
            top: 43%;
            max-width: calc(100vw - 22px);
        }
        /*permet de retirer les fleche si pas asser d'ellement*/
        &:not(:has(.swiper-slide:nth-child(2) .content)){
            .wrapper-swipper-button{
                display: none!important;
            }
            .swiper{
                padding: 0 0px;
            }
        }
        @media (min-width: 768px) {
            &:not(:has(.swiper-slide:nth-child(3) .content)) {
                .wrapper-swipper-button{
                    display: none!important;
                }
                .swiper{
                    padding: 0 0px;
                }
            }
        }
        @media (min-width: 1024px) {
            &:not(:has(.swiper-slide:nth-child(4) .content)) {
                .wrapper-swipper-button{
                    display: none!important;
                }
                .swiper{
                    padding: 0 0px;
                }
            }
        }

        .swiper-slide{        
            width: 100%;
            @media (min-width: 768px) {
                width: 50%;
            }
            @media (min-width: 1024px) {
                width: 33%;
            }  

            & > .content{
                text-decoration: none;
                .wrapper-img{
                    width: 100%;
                    aspect-ratio: 1 / 1;
                    .img{
                        aspect-ratio: cover;
                        width: 100%;
                        height: 100%;
                    }
                }
                .wrapper-text{
                    color: #000;
                    .title{
                        width: 100%;
                        text-align: center;
                        font-size: 18px;
                        font-weight: 500;
                        margin-top: 15px;
                    }
                    .text{
                        width: 100%;
                        text-align: center;
                        margin-top: 15px;
                        font-size: 16px;
                        font-weight: 300;
                    }
                    .text-link{
                        width: 100%;
                        text-align: center;
                        font-size: 18px;
                        font-weight: 500;
                        margin-top: 15px;  
                    }
                }
            }
        }
    }
}