/* =====================================================
   FAQ Responsive
===================================================== */


/* =====================================================
   Large Laptop
===================================================== */

@media (max-width:1400px){

    .faq-container{

        width:min(96%,1400px);

    }

    .faq-header h2{

        font-size:48px;

    }

    .faq-card h3{

        font-size:28px;

    }

}


/* =====================================================
   Tablet Landscape
===================================================== */

@media (max-width:1100px){

    .faq-section{

        padding:90px 0;

    }

    .faq-layout{

        gap:22px;

    }

    .faq-column{

        gap:22px;

    }

    .faq-card{

        padding:28px;

    }

    .faq-featured{

        min-height:360px;

    }

}


/* =====================================================
   Tablet Portrait
===================================================== */

@media (max-width:992px){

    .faq-header{

        margin-bottom:55px;

    }

    .faq-header h2{

        font-size:42px;

    }

    .faq-header p{

        font-size:17px;

    }

    .faq-layout{

        display:grid;

        grid-template-columns:repeat(2,1fr);

        gap:22px;

    }

    .faq-column{

        gap:22px;

    }

    .faq-featured{

        min-height:320px;

    }

}


/* =====================================================
   Mobile
===================================================== */

@media (max-width:768px){

    .faq-section{

        padding:70px 0;

    }

    .faq-container{

        width:min(92%,700px);

    }

    .faq-header{

        margin-bottom:45px;

    }

    .faq-header h2{

        font-size:34px;

    }

    .faq-header p{

        font-size:16px;

    }

    .faq-layout{

        display:flex;

        flex-direction:column;

        gap:18px;

    }

    .faq-column{

        gap:18px;

    }

    .faq-card{

        padding:24px;

        border-radius:18px;

    }

    .faq-card h3{

        font-size:24px;

    }

    .faq-card p{

        font-size:15px;

        line-height:1.8;

    }

    .faq-featured{

        min-height:auto;

    }

}


/* =====================================================
   Small Mobile
===================================================== */

@media (max-width:480px){

    .faq-section{

        padding:60px 0;

    }

    .faq-header h2{

        font-size:28px;

    }

    .faq-header p{

        font-size:15px;

    }

    .faq-card{

        padding:22px;

    }

    .faq-card h3{

        font-size:22px;

    }

    .faq-arrow{

        width:38px;

        height:38px;

        font-size:18px;

    }

}