.dko-faq {
    padding: var(--global-vertical-padding) var(--global-lateral-padding);
    position: relative;
    overflow: hidden;
}

.dko-faq__content {
    transform: translateZ(0);
}
.dko-faq__text {
    font-size: 18px;
}
.dko-faq__title,
.dko-faq__text {
    text-align: center;
    margin: 0px auto 40px;
}

.dko-faq--blue {
    background-color: var(--crf--shiny-blue);
    color: var(--crf--white);
}

.dko-faq--white .dko-faq__title {
    color: var(--crf--shiny-blue);
}
.dko-faq--white .dko-faq__text {
    color: var(--crf--black);
}

.dko-faq__qas {
    display: flex;
    flex-flow: column nowrap;
    row-gap: 10px;
}
.dko-faq .qa {
    --qa-vertical-padding: 20px;
    --qa-lateral-padding: 27px;
    color: var(--crf--black);
    border-radius: 4px;
}


.dko-faq__cta {
    margin: 40px auto 0px;
}
.dko-faq__title {
    font-size: 34px;
    line-height: 36px;
}
.dko-faq__text {
    line-height: 26px;
}
.dko-faq .qa {
    padding: 0px 0px var(--qa-vertical-padding);
}
.dko-faq .qa__question {
    padding: 20px var(--qa-vertical-padding);
    margin-bottom: calc(-1 * var(--qa-vertical-padding));
}
.dko-faq .qa__question__title {
    font-size: 16px;
    line-height: 22px;
    /*font-weight: 700;*/
}
.dko-faq .qa__answer {
    font-size: 16px;
    line-height: 26px;
    padding: 0px var(--qa-lateral-padding);
}
@media screen and (min-width: 768px) {
    .dko-faq__title {
        font-size: 60px;
        line-height: 64px;
    }
    .dko-faq__text {
        line-height: 32px;
    }
    .dko-faq .qa__question__title {
        font-size: 24px;
        line-height: 32px;
        /*font-weight: 500;*/
    }
    .dko-faq .qa__answer {
        line-height: 32px;
    }
}
.dko-faq .qa__question__title {
    /*font-style: italic;*/
}

.dko-faq--blue .qa {
    background-color :var(--crf--white);
}
.dko-faq--white .qa {
    background-color :var(--crf--light-grey);
}


.dko-faq .qa__question::after {
    background-image: url('../../assets/images/svg/accordion-arrow-down.svg');
}



.dko-faq::before, 
.dko-faq::after {
    content: "";
    position: absolute;
    inset: 0px;
    background-repeat: no-repeat;
    pointer-events: none;
}
.dko-faq--blue::before, 
.dko-faq--blue::after {
    background-image: url(./../../assets/images/svg/logo-carrefour--white.svg);
}
.dko-faq--blue::before {
    opacity: 0.15;
} 
.dko-faq--blue::after {
    opacity: 0.05;
}
.dko-faq--white::before, 
.dko-faq--white::after {
    background-image: url(./../../assets/images/svg/logo-carrefour--shiny-blue.svg);
    z-index: -1;
    opacity: 0.02;
}
.dko-faq::after {
    transform: translateX(3%);
}
@media screen and (max-width: 767px) {
    .dko-faq::before, 
    .dko-faq::after {
        background-size: 1163px auto;
    }
}
@media screen and (min-width: 768px) {
    .dko-faq::before,
    .dko-faq::after {
        background-size: 100% 100%;
        background-position: center;
    }
}