.item-index-faqs {background: #fff3f2; position: relative; z-index: 1;}
.item-index-faqs:after {content: ''; position: absolute; top: 0; left: 0; width: 200px; height: 200px;
    background: transparent no-repeat center center / cover;}
.item-index-faqs .s {position: relative; z-index: 2;}
.item-index-faqs .b {max-width: 1375px;}
.item-index-faqs .h1 {text-align: center;}
.item-index-faqs .this-h1 {padding: 65px 0;}

.item-index-faqs-normal-pads:after,
.item-index-faqs-super-pads:after,
.item-index-faqs-night-pads:after,
.item-index-faqs-mini-tampons:after,
.item-index-faqs-normal-tampons:after,
.item-index-faqs-super-tampons:after,
.item-index-faqs-menstrual-patches:after,
.item-index-faqs-intimate-gel:after,
.item-index-faqs-regular-liners:after,
.item-index-faqs-acne-patches:after,
.item-index-faqs-intimate-wipes:after,
.item-index-faqs-lube:after {
    background-image: url('/media/images/products/modules/faqs-100.png');
}

.ii-faqs-accordion {display: grid; gap: 12px;}
.ii-faqs-accordion .accordion-group {display: grid; gap: 12px;}
.ii-faqs-accordion .accordion-item {}
.ii-faqs-accordion .accordion-content {border: none;}
.ii-faqs-accordion .accordion-label {}
.ii-faqs-accordion .accordion-label:after {
    background: var(--book_primary-color-four); color: #fff; border-radius: 50%;
}
.ii-faqs-accordion .accordion-label-active {
    background: #fef3f1; border-radius: 12px;}
.ii-faqs-accordion .accordion-label-active:after {background: var(--text-color); color: #fff;}

@media (min-width: 768px) {
    .ii-faqs-accordion .accordion-label {padding-left: 58px;}
    .ii-faqs-accordion .accordion-label:after {left: 20px; right: auto}
    .item-index-faqs:after {width: 300px; height: 300px;}
    .item-index-faqs .this-h1 {padding: 40px 0;}
    .ii-faqs-accordion {grid-template: auto / repeat(2, 1fr); gap: 40px;}
    .ii-faqs-accordion .accordion-label {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.ii-faqs-accordion .accordion-label-png {
    width: 20px; height: 20px; margin: 4px 0; transform: scale(.8);
}
.ii-faqs-accordion .accordion-label-icon {
    transform: scale(1.2);
    width: 28px; height: 28px;
    position: absolute;
    z-index: 10; right: 20px; top: 50%;
    margin-top: -14px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
}

@media (min-width: 768px){
    .ii-faqs-accordion .accordion-label-icon {
        left: 20px; right: unset;
    }
}

.item-index-accordion-info .ii-faqs-accordion {gap: 0; grid-template: auto / 1fr;}