.item-index-faqs {background: var(--book_primary-color-four_banners); 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 {
    background-image: url('/media/images/products/modules/faq/normal-pads.png');
}

.item-index-faqs-super-pads:after {
    background-image: url('/media/images/products/modules/faq/super-pads.png');
}

.item-index-faqs-night-pads:after {
    background-image: url('/media/images/products/modules/faq/night-pads.png');
}

.item-index-faqs-mini-tampons:after {
    background-image: url('/media/images/products/modules/faq/mini-tampons.png');
}

.item-index-faqs-normal-tampons:after {
    background-image: url('/media/images/products/modules/faq/normal-tampons.png');
}

.item-index-faqs-super-tampons:after {
    background-image: url('/media/images/products/modules/faq/super-tampons.png');
}

.item-index-faqs-menstrual-patches:after {
    background-image: url('/media/images/products/modules/faq/menstrual-patches.png');
}

.item-index-faqs-intimate-gel {padding-bottom: 200px;}
.item-index-faqs-intimate-gel:after {
    background-image: url('/media/images/products/modules/faq/intimate-gel.png');
    top: unset; left: 0;  bottom: 0;
}

.item-index-faqs-intimate-gel-girls-and-teens:after {
    background-image: url('/media/images/products/modules/faq/intimate-gel-girls-and-teens.png');
}

.item-index-faqs-intimate-serum:after {
    background-image: url('/media/images/products/modules/faq/intimate-serum.png');
}

.item-index-faqs-regular-liners:after {
    background-image: url('/media/images/products/modules/faq/regular-liners.png');
}

.item-index-faqs-thin-liners:after {
    background-image: url('/media/images/products/modules/faq/thin-liners.png');
}

.item-index-faqs-intimate-wipes:after {
    background-image: url('/media/images/products/modules/faq/intimate-wipes.png');
}

.item-index-faqs-lube {padding-bottom: 200px;}
.item-index-faqs-lube:after {
    background-image: url('/media/images/products/modules/faq/lube.png');
    top: unset; left: 0;  bottom: 0;
}

.item-index-faqs-pouch:after {
    background-image: url('/media/images/products/modules/faq/pouch.png');
}

.item-index-faqs-normal-tampons-applicator:after,
.item-index-faqs-super-tampons-applicator:after {
    background-image: url('/media/images/products/modules/faq/tampons-applicator.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;*/
    background: var(--book_primary-color-four_banners);
    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;}