.elementor-47 .elementor-element.elementor-element-db8f998{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-17229a9 *//*=================================================
                SEMAPI FAQ PAGE
==================================================*/

.semapi-faq-page{
    font-family:'Poppins',sans-serif;
    background:#fff;
}

/*==============================
            HERO
===============================*/

.faq-hero{
    background:#0B63B6;
    color:#fff;
    text-align:center;
    padding:90px 20px;
}

.faq-hero .container{
    max-width:900px;
    margin:auto;
}

.faq-hero span{
    display:inline-block;
    color:#CFE5FB;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.faq-hero h1{
    font-size:48px;
    font-weight:700;
    margin:18px 0;
    line-height:1.2;
}

.faq-hero p{
    max-width:700px;
    margin:auto;
    line-height:1.8;
    opacity:.9;
    font-size:17px;
}

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

.faq-section{
    background:#F8FBFF;
    padding:90px 20px;
}

.faq-section .container{
    max-width:950px;
    margin:auto;
}

.faq-item{

    background:#fff;

    border:1px solid #E5ECF4;

    border-radius:12px;

    margin-bottom:18px;

    overflow:hidden;

    transition:.35s;

}

.faq-item:hover{

    border-color:#0B63B6;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

}

/* Question */

.faq-question{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:24px 30px;

    border:none !important;

    outline:none !important;

    background:#fff !important;

    color:#111 !important;

    cursor:pointer;

    font-size:18px;

    font-weight:600;

    text-align:left;

    transition:.3s;

}

/* Remove theme colors */

.faq-question:hover,
.faq-question:focus,
.faq-question:active{

    background:#F4F9FF !important;

    color:#0B63B6 !important;

    box-shadow:none !important;

    outline:none !important;

}

/* Active */

.faq-item.active .faq-question{

    background:#0B63B6 !important;

    color:#fff !important;

}

.faq-item.active .faq-question:hover{

    background:#0B63B6 !important;

    color:#fff !important;

}

/* Icon */

.faq-question span{

    font-size:30px;

    font-weight:600;

    color:#0B63B6;

    transition:.35s;

    line-height:1;

}

.faq-item.active .faq-question span{

    color:#fff;

    transform:rotate(45deg);

}

/* Answer */

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .4s ease;

    background:#fff;

}

.faq-answer p{

    margin:0;

    padding:0 30px 28px;

    color:#666;

    line-height:1.9;

    font-size:15px;

}

/*==============================
            CTA
===============================*/

.faq-contact{

    background:#0B63B6;

    color:#fff;

    text-align:center;

    padding:90px 20px;

}

.faq-contact .container{

    max-width:700px;

    margin:auto;

}

.faq-contact h2{

    font-size:38px;

    margin-bottom:20px;

}

.faq-contact p{

    line-height:1.8;

    margin-bottom:35px;

    opacity:.95;

}

.faq-contact a{

    display:inline-block;

    padding:16px 36px;

    background:#fff;

    color:#0B63B6;

    text-decoration:none;

    font-weight:600;

    border-radius:8px;

    transition:.3s;

}

.faq-contact a:hover{

    background:#EDF6FF;

    color:#0B63B6;

    transform:translateY(-4px);

}

/*==============================
        ELEMENTOR FIX
===============================*/

.semapi-faq-page button,
.semapi-faq-page button:hover,
.semapi-faq-page button:focus,
.semapi-faq-page button:active{

    border:none !important;

    outline:none !important;

    box-shadow:none !important;

}

.elementor .faq-question{

    background:#fff !important;

    color:#111 !important;

}

.elementor .faq-question:hover{

    background:#F4F9FF !important;

    color:#0B63B6 !important;

}

.elementor .faq-item.active .faq-question{

    background:#0B63B6 !important;

    color:#fff !important;

}

.elementor .faq-item.active .faq-question:hover{

    background:#0B63B6 !important;

    color:#fff !important;

}

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

@media(max-width:991px){

.faq-hero h1{

font-size:38px;

}

}

@media(max-width:767px){

.faq-hero{

padding:70px 20px;

}

.faq-section{

padding:60px 20px;

}

.faq-contact{

padding:60px 20px;

}

.faq-hero h1{

font-size:30px;

}

.faq-hero p{

font-size:15px;

}

.faq-question{

padding:20px;

font-size:16px;

}

.faq-question span{

font-size:24px;

}

.faq-answer p{

padding:0 20px 20px;

font-size:14px;

}

.faq-contact h2{

font-size:28px;

}

}/* End custom CSS */