.elementor-9164 .elementor-element.elementor-element-ced5098{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-9164 .elementor-element.elementor-element-76f90a5{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;overflow:visible;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-dace6b2 *//*=========================
FAQ - SUPLENATURALES
=========================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.suplenaturales-faq{
    max-width:1000px;
    margin:auto;
    font-family:'Poppins',sans-serif;
}

.faq-title{
    text-align:center;
    margin-bottom:50px;
}

.faq-title span{
    display:inline-block;
    background:#EAF8EE;
    color:#2E7D32;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.faq-title h2{
    font-size:42px;
    color:#1F2937;
    margin-bottom:15px;
    font-weight:700;
}

.faq-title p{
    max-width:700px;
    margin:auto;
    color:#6B7280;
    line-height:1.8;
    font-size:17px;
}

.faq-item{
    background:#fff;
    border-radius:14px;
    margin-bottom:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.3s;
    border:1px solid #eef2f7;
}

.faq-item:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.faq-question{
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 30px;
    font-size:18px;
    font-weight:600;
    color:#1F2937;
    transition:.3s;
}

.faq-question:hover{
    color:#2E7D32;
}

.faq-icon{
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:50%;
    background:#2E7D32;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    transition:.35s;
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
    background:#fafafa;
}

.faq-answer p{
    padding:0 30px 25px;
    color:#5B6470;
    line-height:1.9;
    font-size:16px;
}

.faq-item.active .faq-answer{
    max-height:300px;
}

.faq-item.active .faq-icon{
    transform:rotate(45deg);
    background:#66BB6A;
}

.faq-item.active{
    border-left:5px solid #2E7D32;
}

@media(max-width:768px){

.faq-title h2{
    font-size:30px;
}

.faq-question{
    font-size:16px;
    padding:18px;
}

.faq-answer p{
    padding:0 18px 20px;
}

}/* End custom CSS */