.homepage-reassurance * {
    color: #096e31
}
#homepage-reassurance-1 .picto {
    background-image: url(reassurance_1.png)!important
}
#homepage-reassurance-2 .picto {
    background-image: url(reassurance_2.png)!important
}
#homepage-reassurance-3 .picto {
    background-image: url(reassurance_8_green.png)!important
}
#homepage-reassurance-4 .picto {
    background-image: url(reassurance_4.png)!important
}
.responsibleBeautyAspotMajor::before {
    position: absolute;
    content: " ";
    width: 177px;
    height: 177px;
    background-image: url(../Merchpage/img/picto-domaine-header.png);
    background-size: 100% auto;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    top: -7px;
    left: 80px
}
.responsibleBeautyAspotMajor::after {
    position: absolute;
    content: " ";
    width: 120px;
    height: 120px;
    background-image: url(../Merchpage/img/domaine-clarins-white.svg);
    background-size: 100% auto;
    top: 75px;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
    left: 80px
}
@media screen and (max-width:500px) {
    #main>div.homepage-hero-content-wrapper>div>div>div.row2.d-flex>div:nth-child(2)>article>a>figure>img {
        margin-left: -25px
    }
}
@media screen and (min-width:762px) {
    .responsibleBeautyAspotMajor .blocktext {
        margin-right: auto;
        width: 540px;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, .95);
        right: calc(50% - 270px);
        height: auto!important;
        padding: 20px
    }
}
.section-title-text {
    background-image: none!important
}
.section-title-text, .content-minor-aspot, .tab__child[data-link=top-rated] {
    position: relative
}
.Aspot-Block .A-Spot-Secondary .BoxContent::after, .responsibleBeautyAspotMajor .blocktext::before, .responsibleBeautyAspotMajor .blocktext::after, .content-minor-aspot::after, .section-title-text::before, .section-title-text::after, .tab__child[data-link=top-rated]::after {
    content: " ";
    background-image: url(leafs.png);
    background-repeat: no-repeat;
    position: absolute
}
.responsibleBeautyAspotMajor .blocktext::before {
    width: 80px;
    height: 60px;
    bottom: 20px;
    left: 20px
}
.responsibleBeautyAspotMajor .blocktext::after {
    background-position: top left -100px;
    width: 48px;
    height: 45px;
    top: 20px;
    right: 20px
}
.content-minor-aspot::after {
    background-position: top left -200px;
    width: 68px;
    height: 85px;
    bottom: 0;
    left: -20px
}
.Aspot-Block .A-Spot-Secondary .BoxContent::after {
    background-position: top left -200px;
    width: 68px;
    height: 85px;
    bottom: 0;
    left: 10px
}
.Aspot-Block .A-Spot-Secondary:last-child .BoxContent::after {
    background-position: top left -300px;
    width: 35px;
    height: 35px;
    bottom: 20px;
    left: 20px
}
.Aspot-Block .Wrapper .A-Spot-Main figure img {
    width: 1024px;
    margin-left: 0
}
.wrapper-aspots-2020 .content-asset:last-child .content-minor-aspot::after {
    background-position: top left -300px;
    width: 35px;
    height: 35px;
    bottom: 0;
    left: 0
}
.section-title-text::before {
    background-position: top left -400px;
    width: 51px;
    height: 50px;
    left: -10px;
    top: 50%;
    transform: translateY(-50%)
}
.section-title-text::after {
    background-position: top left -500px;
    width: 35px;
    height: 50px;
    top: -5px;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}
.tab__child[data-link=top-rated]::after {
    background-position: top left -600px;
    width: 77px;
    height: 62px;
    top: -5px;
    right: 0
}
.RelatedContent-Block {
    position: relative;
    z-index: 1;
    min-height: 350px
}
.RelatedContent-Block article .BoxContent {
    max-width: 400px!important;
    width: 50%!important
}
.RelatedContent-Block::before {
    content: " ";
    background-image: url(background-leafs.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    width: 1600px;
    height: 435px;
    top: -100px;
    left: calc(50% - 800px)
}
.responsibleBeautyGreenText * {
    color: #0d453b!important
}
.A-Spot-Secondary .BoxContent .BtnLink a {
    color: #fff!important
}
.section-title-separator-wrapper {
    z-index: 2;
    position: relative
}
#discovery-title .section-title-separator-container hr {
    background-color: #0d453b
}
@media screen and (max-width:1023px) {
    .Aspot-Block .A-Spot-Secondary .BoxContent::after {
        left: -30px
    }
    .Aspot-Block .A-Spot-Secondary:last-child .BoxContent::after {
        left: -10px
    }
}
@media screen and (max-width:761px) {
    .Aspot-Block .A-Spot-Secondary .BoxContent::after {
        display: none
    }
    .Aspot-Block .A-Spot-Secondary:last-child .BoxContent::after {
        display: none
    }
    .responsibleBeautyAspotMajor .blocktext::after {
        display: none
    }
    .responsibleBeautyAspotMajor .blocktext::before {
        bottom: -10px;
        left: 30px
    }
    .content-minor-aspot::after {
        bottom: -70px
    }
    .newsletter-body .section-title-text::before, .newsletter-body .section-title-text::after {
        display: none
    }
}
.aspot.responsibleBeautyAspotMajor figure {
    display: block;
    overflow: hidden;
    width: 100%
}
.aspot.responsibleBeautyAspotMajor img {
    margin-left: calc(50% - 800px);
    width: 1600px
}
@media screen and (max-width:1023px) {
    .aspot.responsibleBeautyAspotMajor img {
        margin-left: calc(50% - 700px);
        width: 1600px
    }
}
@media screen and (max-width:769px) {
    .responsibleBeautyIngredients img {
        width: 794px!important
    }
}
@media screen and (max-width:500px) {
    .aspot.responsibleBeautyAspotMajor img {
        margin-left: -300px;
        width: 1280px
    }
    .responsibleBeautyIngredients img {
        margin-left: -140px!important;
        width: 794px!important;
        transform-origin: bottom center
    }
    .responsibleBeautyIngredients::before {
        position: absolute;
        content: " ";
        width: 177px;
        height: 177px;
        background-image: url(../Merchpage/img/picto-domaine-header.png);
        background-size: 100% auto;
        top: 18px;
        left: 50%;
        transform: translateX(-50%)
    }
    .responsibleBeautyIngredients::after {
        position: absolute;
        content: " ";
        width: 120px;
        height: 120px;
        background-image: url(../Merchpage/img/domaine-clarins-white.svg);
        background-size: 100% auto;
        top: 42px;
        left: 50%;
        transform: translateX(-50%)
    }
}
.A-Spot-Secondary .BoxContent .BtnLink a {
    color: #0d453b!important
}