/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 29 2026 | 01:35:22 */
/* =====================================================
   AKTEC PREMIUM FAQ
   Flatsome Accordion
===================================================== */

.aktec-faq{
    margin:40px 0;
}

/* Card */

.aktec-faq .accordion-item{
    background:#fff;
    border:1px solid #E8EEF6;
    border-radius:16px;
    margin-bottom:10px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.05);
    transition:all .3s ease;
}

.aktec-faq .accordion-item:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 36px rgba(0,0,0,.08);
}

/* =========================
   TITLE
========================= */

.aktec-faq .accordion-title{
    position:relative !important;
    display:block !important;
    padding:15px 70px 15px 24px !important;
    text-decoration:none !important;
    background:#fff;
    transition:.3s;
}

/* Text */

.aktec-faq .accordion-title > span{
    display:block;
    font-size:18px !important;
    font-weight:700;
    color:#13254A;
    line-height:1.6;
    transition:.3s;
}

/* Active */

.aktec-faq .accordion-title.active{
    background:#F8FBFF;
}

.aktec-faq .accordion-title.active > span{
    color:#148CFF;
}

/* =========================
   BUTTON
========================= */

.aktec-faq .accordion-title .toggle{

    position:absolute !important;

    right:22px !important;

    left:auto !important;

    top:38% !important;

    transform:translateY(-50%) !important;

    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;

    padding:0 !important;
    margin:0 !important;

    border:none !important;
    outline:none !important;

    border-radius:50% !important;

    background:#EEF6FF !important;

    display:flex !important;
    align-items:center;
    justify-content:center;

    box-sizing:border-box;

    aspect-ratio:1/1;

    line-height:30px !important;

    cursor:pointer;

    transition:all .25s ease;

}

/* Hover */

.aktec-faq .accordion-title:hover .toggle{

    background:#148CFF !important;

}

/* Hide default icon */

.aktec-faq .accordion-title .toggle i{

    display:none !important;

}

/* + */

.aktec-faq .accordion-title .toggle::before{

    content:"+";

    font-size:20px;

    font-weight:400;

    color:#148CFF;

    line-height:1;

    transition:.25s;

}

/* Hover */

.aktec-faq .accordion-title:hover .toggle::before{

    color:#fff;

}

/* Active */

.aktec-faq .accordion-title.active .toggle{

    background:#148CFF !important;

}

.aktec-faq .accordion-title.active .toggle::before{

    content:"−";

    color:#fff;

}

/* =========================
   CONTENT
========================= */

.aktec-faq .accordion-inner{

    padding:10px 24px 10px 24px;

    color:#667085;

    font-size:16px;

    line-height:1.8;

}

.aktec-faq .accordion-inner p{
    margin:0;
}

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

@media (max-width:768px){

    .aktec-faq .accordion-title{

        padding:18px 60px 18px 18px !important;

    }

    .aktec-faq .accordion-title > span{

        font-size:16px !important;

        line-height:1.5;

    }

    .aktec-faq .accordion-title .toggle{

        width:28px !important;
        height:28px !important;
        min-width:28px !important;
        min-height:28px !important;

        right:16px !important;

        top:42% !important;

    }

    .aktec-faq .accordion-title .toggle::before{

        font-size:18px;

    }

    .aktec-faq .accordion-inner{

        padding:0 18px 18px 18px;

        font-size:15px;

    }

}

/* Bỏ đường line phía trên phần nội dung */
.aktec-faq .accordion-inner{
    border-top:none !important;
}
/* Bỏ toàn bộ border khi mở */
.aktec-faq .accordion-item,
.aktec-faq .accordion-title,
.aktec-faq .accordion-inner{
    border:none !important;
}