body, html {
    overflow-x: clip !important;
}

#CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button {
        text-align: center;
    }

    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt__second {
    font-size: 10px;
}

#CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt__second {
        left: 0px;
    }

button.CLARINSHQ_BEC-symbol__step:nth-child(4) > div:nth-child(2) > span:nth-child(2) {
        left: 82px !important;
        text-align: left;
        top: -40px !important;
    }

@media (max-width: 480px) {
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt {
        left: 4%;
        top: 68%;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt {
        font-size: 6px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt__second {
        left: 0px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-1 {
        font-size: 36px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-1 {
        font-size: calc(40 / 375 * 100vw);
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-2 {
        font-size: calc(29 / 375 * 100vw);
        padding-left: 10%;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-3 {
        font-size: calc(28 / 375 * 100vw);
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link {
        font-size: 6px;
    }
    .clarins-BrandSection-related__title {
        font-size: 31px;
    }
    .clarins-BrandSection-related__title {
        font-size: 30px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt {
        top: -37px;
        left: 3px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt {
        top: 41px;
        left: -7px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] .step-txt {
        top: 39px;
        left: -9px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main a.CLARINSHQ_BEC-button {
        font-size: 9px;

    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step .step-txt__second {
    font-size: 7px;
}
    button.CLARINSHQ_BEC-symbol__step:nth-child(4) > div:nth-child(2) > span:nth-child(2) {
        left: 62px !important;
        text-align: left;
        top: -25px !important;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2 {
    padding-left: 0 !important;
}
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__link {
        font-size: 9px !important;
        }

     #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__title {
        font-size: 30px !important;
     }

}

 @media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
 /*   #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link {
        font-size: 13px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-1 {
        font-size: 87px;
        padding-left: 30px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__visual {
        margin-left: -2%;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt {
        top: -76px;
        left: -43px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt {
        top: 55px;
        left: -30px;*/
    }
   #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__content[data-tab="4"] .CLARINSHQ_BEC-title .line-2 {
        padding-left: 130px;
    }
} 

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt {
        top: 54px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt {
        top: -73px;
        left: -39px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="3"] .step-txt {
        top: -73px;
        left: -45px;
    }
     #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] .step-txt {
        top: -73px;
        left: -45px;
    }
}
@media screen and (min-width: 1024px) {
#CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt {
    top: 51px;
    left: -80px;
}
#CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] .step-txt {
    top: 47px;
    left: -36px;
}
#CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt {
    top: -78px;
    left: -70px;
}
#CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link {
    font-size: 1.0em;
}
#CLARINSHQ_BEC.CLARINSHQ_BEC-main a {
    font-size: 12px;
}

}
@media only screen and (min-width: 768px) {
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="BLOCK2"] .CLARINSHQ_BEC-tab__nav-link {
        font-size: 13px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main [data-name="HEADER"] .CLARINSHQ_BEC-header__title span.line-1 {
        font-size: 87px;
        padding-left: 30px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC_slider-2024__visual {
        margin-left: -2%;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="1"] .step-txt {
        top: -76px;
        left: -43px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="2"] .step-txt {
        top: 55px;
        left: -30px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-symbol__step[data-step="4"] .step-txt {
        top: 50px;
        left: -45px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main .CLARINSHQ_BEC-title span.line-2 {
        font-size: 44px;
    }
    #CLARINSHQ_BEC.CLARINSHQ_BEC-main a {
        font-size: 12px;
    }
}