.pageGeneric.home {
    .component-title-cta-images-caption__homeVideo {  
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        .component-title-cta-images-caption--figure, 
        .component-cta {
            position: relative;
            margin: 0 auto;
        }
        .component-title-cta-images-caption--video-wrapper {
            position: relative;
        }
        .component-title-cta-images-caption--figure {
            color: var(--blue);
            font-family: var(--font-family-montserrat);
            font-size: 36px;
            font-style: normal;
            font-weight: 700;
            line-height: 40px;
            text-transform: uppercase;
            text-align: center;
        }
        .component-cta {
            color: var(--white);
            text-align: center;
            font-family: var(--font-family-montserrat);
            font-size: 15px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
            text-transform: uppercase;
            padding: 0 20px ;
            border-radius: 10px;
            margin: 0 auto;
        }
        .component-cta:hover {
            color: var(--blue);
        }
    }

    .component-title-cta-images-caption__blockKefir {
        background-color: var(--lighter-blue);
        display: flex;
        flex-direction: column;
        height: auto;
        overflow: hidden;
        .component-title-cta-images-caption--image-wrapper {
            position: relative;
            /*height: 400px;
            picture > img {
                position: absolute;
                max-width: none;
                left: 50%;
                transform: translateX(-50%);
            }*/

            picture > img {
                height: auto;
                margin: 0 auto;
            }
        }
        .component-title-cta-images-caption--content {   
            width: auto;
            margin-top: 40px;
            padding: 10px 20px;
            .component-title-cta-images-caption--figure {
                color: var(--blue);
                font-family: var(--font-family-montserrat);
                font-size: 35px;
                font-weight: 800;
                line-height: 35px;
                letter-spacing: -0.704px;
                text-transform: uppercase;
                margin-bottom: 30px;
                > span.coloredTitle {
                    color: var(--light-blue);
                    font-family: var(--font-family-montserrat);
                    font-size: 35px;
                    font-weight: 800;
                    line-height: 35px;
                    letter-spacing: -0.704px;
                }
            }
            .component-title-cta-images-caption--description p {
                color: var(--blue);
                text-align: justify;
                font-family: var(--font-family-montserrat);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px;
            }
        }
    }
    

    .component-title-cta-images-caption__iLoveKefir {
        flex-direction: column;
        background-color: var(--white);
        padding: 20px 20px 40px 20px;
        display: flex;
        position: relative;
        .component-title-cta-images-caption--image-wrapper {
            margin-bottom: 20px;
            picture > img {
                margin: 0 auto;
            }
        }
        .component-title-cta-images-caption--content {   
            width: auto;        
            .component-title-cta-images-caption--figure {
               text-transform: unset;
                color: var(--blue);
                font-family: var(--font-family-montserrat);
                font-size: 16px;
                font-style: normal;
                font-weight: 800;
                line-height: 20px;
                margin-bottom: 30px;
            }
            .component-title-cta-images-caption--description p {
                color: var(--blue);
                text-align: justify;
                font-family: var(--font-family-montserrat);
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 20px;
            }
            .component-title-cta-images-caption--pictos {
                margin-top: 40px;
                display: flex;
                gap: 2rem;
                justify-content: center;
                flex-wrap: nowrap;
                flex-direction: row;
                .component-title-cta-images-caption--picto {
                    position: relative;
                    width: 72px;
                    height: 72px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .component-title-cta-images-caption--picto-asset {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }

                .component-title-cta-images-caption--picto-title {
                    font-family: var(--font-family-montserrat);
                    position: absolute;
                    text-align: center;
                    color: var(--white);
                    font-weight: 500;
                    padding: 0.5em;
                    line-height: 1.1;
                    width: 92%;
                    word-wrap: break-word;
                    font-size: clamp(10px, 10%, 16px);
                }
            }
        }
    }
    @media screen and (min-width: 48rem) {
        .component-title-cta-images-caption__blockKefir {
            .component-title-cta-images-caption--image-wrapper{
                height: 600px;
                picture > img {
                    position: absolute;
                    max-width: none;
                    left: 47%;
                    transform: translateX(-50%);
                }
            }
        }
    }

    @media screen and (min-width: 48rem) and (max-width: 63rem) {
        .component-title-cta-images-caption__blockKefir {         
            .component-title-cta-images-caption--image-wrapper{
                height: 600px;
                picture > img {
                    width: 600px;
                    height: 600px;
                    aspect-ratio: auto 600 / 600;
                }
            }
        }
    }    
    @media screen and (min-width: 64rem) {
        .component-title-cta-images-caption__homeVideo {
            height: auto;
            .component-title-cta-images-caption--figure, 
            .component-cta {
                position: absolute;
                z-index: 1;
            }
            .component-title-cta-images-caption--image-wrapper{
                position: absolute;
                z-index: 1;
                bottom: 40%;
            }
            .component-title-cta-images-caption--figure {
                bottom: 10%;
                left: 7%;
                font-size: 36px;
                font-style: normal;
                line-height: 40px;
                max-width: 315px;
                text-align: left;
            }
            .component-cta {
                bottom: 12%;
                left: 55%;
                font-size: 20px;
                line-height: 43px; /* 153.571% */
                padding: 0 20px ;
            }
        
        }
        .component-title-cta-images-caption__blockKefir {
            position: relative;
            z-index: 3;
            flex-direction: row;
            height: 900px;
            width: 100%;
            .component-title-cta-images-caption--content {
                position: relative;
                padding: 20px 60px;
                .component-title-cta-images-caption--figure {
                    font-size: 50px;
                    line-height: 50px;
                    margin-bottom: 60px;
                    > span.coloredTitle {
                        font-size: 50px;
                        line-height: 50px;
                    }
                }
                .component-title-cta-images-caption--description p {
                    font-size: 32.048px;
                    line-height: 40.06px;
                    max-width: 52%;
                }
            }
            .component-title-cta-images-caption--image-wrapper{
                position: absolute;
                right: -432px;
                z-index: -2;
                height: 864px;
                transform: translateX(-216px);
                margin-top: 20px;
                picture > img {
                    position: relative;
                    right: 0;
                    clip-path: inset(0 160px 0 0);
                    left: 47%;
                }
            }
        }

        .component-title-cta-images-caption__iLoveKefir {
            flex-direction: row;
            padding: 60px;
            display: flex;
            position: relative;
            .component-title-cta-images-caption--image-wrapper {
                width: 50%;
            }
            .component-title-cta-images-caption--content {
                max-width: 50%;
                width: auto;
                .component-title-cta-images-caption--figure {
                    font-size: 31.998px;
                    line-height: 39.997px;
                    margin-bottom: 60px;
                }
                .component-title-cta-images-caption--description p {
                    font-size: 31.998px;
                    line-height: 39.997px;
                }
                .component-title-cta-images-caption--pictos {
                    margin-top: 60px;
                    flex-wrap: wrap;
                    .component-title-cta-images-caption--picto {
                        width: 150px;
                        height: 150px;
                    }
                    .component-title-cta-images-caption--picto-title {
                        padding: 0.5em;
                        line-height: 1.1;
                        width: 92%;
                        font-size: clamp(20px, 10%, 16px);
                    }
                }
            }
        }
    }
    @media screen and (min-width: 64rem) and (max-width: 89rem) {
        .component-title-cta-images-caption__blockKefir {         
            .component-title-cta-images-caption--image-wrapper{
                margin-top: 20px;
                right: -375px;
                transform: translateX(-187px);
                picture > img {
                    width: 750px;
                    height: auto;
                }
            }

        }
    }  
}