/* ==================================================
   FAQ MOBILE
================================================== */

@media (max-width:768px){

    .faq{

        padding:45px 18px 80px;

    }

    .faq-container{

        width:100%;

    }


        #faq .section-title h2{

        display:flex;

        flex-direction:column;
        
        align-items:center;

        line-height:.85;

        transform:translateY(4px);

    }

    #faq .section-title h2 span{

        display:block;

    }

    .faq-subtitle{

        max-width:100%;

        margin:20px auto 50px;

        font-size:16px;

        line-height:1.7;

        padding:0 10px;

    }

    /* ========================= */

    .faq-list{

        gap:14px;

    }

    /* ========================= */

    .faq-item{

        border-radius:18px;

    }

    /* ========================= */

    .faq-question{

        padding:22px;

        align-items:center;

    }

    .faq-question span{

        width:90%;

        font-size:18px;

        line-height:1.45;

    }

    /* ========================= */

    .faq-icon{

        width:30px;
        height:30px;

        margin-left:15px;

    }

    .faq-icon span{

        font-size:28px;

    }

    /* ========================= */

    .faq-answer{

        padding:0 22px;

    }

    .faq-answer p{

        font-size:15px;

        line-height:1.8;

        margin-bottom:16px;

    }

    .faq-answer ul{

        margin-left:18px;

    }

    .faq-answer li{

        font-size:15px;

        line-height:1.8;

        margin-bottom:8px;

    }

}