.faq-widget-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'YekanBakh';
}

.faq-widget-container .faq-head {
    display: flex;
    gap: 4px;
    align-items: center;
}

.faq-widget-container .faq-head .title {
    color: var(--color-dark-blue-9);
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.faq-widget-container .faq-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq-widget-container .faq-items .faq-widget-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.faq-widget-container .faq-items .faq-widget-title {
    font-size: 16px;
    color: #1f2124;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faq-widget-container .faq-items .faq-widget-title .title {
    width: 100%;
    padding: 8px 0;
}

.faq-widget-container .faq-items .faq-widget-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
    color: #4C5E8C;
    display: none;
}

.faq-widget-container .faq-items .divider {
    height: 1px;
    width: 100%;
    background-color: #E9EBF1 !important;
}


/* Icons Area */
.faq-widget-container .icon {
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.faq-widget-container .icon.faq-section-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M18.3701 22.1185C18.0601 22.1185 17.7501 22.0385 17.4701 21.8685L13.4601 19.4885C13.0401 19.4785 12.6201 19.4485 12.2201 19.3885C11.9501 19.3485 11.7201 19.1685 11.6201 18.9085C11.5201 18.6485 11.5701 18.3685 11.7501 18.1585C12.4101 17.3885 12.7501 16.4685 12.7501 15.4885C12.7501 13.0685 10.6201 11.0985 8.00008 11.0985C7.02008 11.0985 6.08007 11.3685 5.29007 11.8885C5.07007 12.0286 4.80007 12.0485 4.56007 11.9385C4.33007 11.8285 4.16008 11.6085 4.13008 11.3485C4.10008 11.0685 4.08008 10.7885 4.08008 10.4985C4.08008 5.53854 8.38008 1.50854 13.6601 1.50854C18.9401 1.50854 23.2401 5.53854 23.2401 10.4985C23.2401 13.2185 21.9801 15.7185 19.7601 17.4285L20.1001 20.1486C20.1801 20.8286 19.8801 21.4686 19.3101 21.8386C19.0301 22.0186 18.7001 22.1185 18.3701 22.1185ZM13.6501 17.9785C13.7901 17.9685 13.9301 18.0086 14.0501 18.0886L18.2401 20.5786C18.3501 20.6486 18.4401 20.6186 18.5001 20.5786C18.5501 20.5486 18.6301 20.4686 18.6101 20.3286L18.2201 17.1685C18.1901 16.8885 18.3101 16.6186 18.5301 16.4586C20.5701 15.0286 21.7401 12.8485 21.7401 10.4785C21.7401 6.34852 18.1201 2.98853 13.6601 2.98853C9.37008 2.98853 5.85007 6.10856 5.59007 10.0286C6.34007 9.73856 7.15008 9.57855 7.99008 9.57855C11.4401 9.57855 14.2401 12.2185 14.2401 15.4685C14.2501 16.3485 14.0401 17.1985 13.6501 17.9785Z" fill="%233E74FE"></path><path d="M5.07977 22.9986C4.81977 22.9986 4.56977 22.9286 4.33977 22.7786C3.88977 22.4886 3.64978 21.9886 3.70978 21.4586L3.90977 19.9186C2.55977 18.8186 1.75977 17.1886 1.75977 15.4786C1.75977 13.5286 2.77978 11.7086 4.48978 10.6186C5.51978 9.94859 6.73977 9.58862 8.00977 9.58862C11.4598 9.58862 14.2598 12.2286 14.2598 15.4786C14.2598 16.7986 13.7798 18.0986 12.8998 19.1286C11.7698 20.4986 10.0798 21.2986 8.21977 21.3586L5.77977 22.8086C5.55977 22.9386 5.31977 22.9986 5.07977 22.9986ZM7.99977 11.0886C7.01977 11.0886 6.07976 11.3586 5.28976 11.8786C4.00976 12.6986 3.24977 14.0386 3.24977 15.4786C3.24977 16.8686 3.92978 18.1386 5.12978 18.9586C5.35978 19.1186 5.47977 19.3886 5.44977 19.6686L5.22977 21.3786L7.61977 19.9586C7.73977 19.8886 7.86977 19.8486 7.99977 19.8486C9.46977 19.8486 10.8598 19.2186 11.7398 18.1486C12.3998 17.3686 12.7498 16.4486 12.7498 15.4686C12.7498 13.0586 10.6198 11.0886 7.99977 11.0886Z" fill="%23234291"></path></svg>');
    background-size: 28px 28px !important;
    width: 28px !important;
    height: 28px !important;
}

.faq-widget-container .icon.question-open-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M12.5 23.3203C6.57 23.3203 1.75 18.5003 1.75 12.5703C1.75 6.64031 6.57 1.82031 12.5 1.82031C18.43 1.82031 23.25 6.64031 23.25 12.5703C23.25 18.5003 18.43 23.3203 12.5 23.3203ZM12.5 3.32031C7.4 3.32031 3.25 7.47031 3.25 12.5703C3.25 17.6703 7.4 21.8203 12.5 21.8203C17.6 21.8203 21.75 17.6703 21.75 12.5703C21.75 7.47031 17.6 3.32031 12.5 3.32031Z" fill="%23253B73"></path><path d="M16.5 13.3203H8.5C8.09 13.3203 7.75 12.9803 7.75 12.5703C7.75 12.1603 8.09 11.8203 8.5 11.8203H16.5C16.91 11.8203 17.25 12.1603 17.25 12.5703C17.25 12.9803 16.91 13.3203 16.5 13.3203Z" fill="%23253B73"></path><path d="M12.5 17.3203C12.09 17.3203 11.75 16.9803 11.75 16.5703V8.57031C11.75 8.16031 12.09 7.82031 12.5 7.82031C12.91 7.82031 13.25 8.16031 13.25 8.57031V16.5703C13.25 16.9803 12.91 17.3203 12.5 17.3203Z" fill="%23253B73"></path></svg>');
    display: none;
}

.faq-widget-container .icon.question-close-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M12.5 23.5986C6.57 23.5986 1.75 18.7786 1.75 12.8486C1.75 6.91863 6.57 2.09863 12.5 2.09863C18.43 2.09863 23.25 6.91863 23.25 12.8486C23.25 18.7786 18.43 23.5986 12.5 23.5986ZM12.5 3.59863C7.4 3.59863 3.25 7.74863 3.25 12.8486C3.25 17.9486 7.4 22.0986 12.5 22.0986C17.6 22.0986 21.75 17.9486 21.75 12.8486C21.75 7.74863 17.6 3.59863 12.5 3.59863Z" fill="%23253B73"></path><path d="M16.5 13.5986H8.5C8.09 13.5986 7.75 13.2586 7.75 12.8486C7.75 12.4386 8.09 12.0986 8.5 12.0986H16.5C16.91 12.0986 17.25 12.4386 17.25 12.8486C17.25 13.2586 16.91 13.5986 16.5 13.5986Z" fill="%23253B73"></path></svg>');
    display: none;
}

.faq-widget-container .icon.question-open-icon.active,
.faq-widget-container .icon.question-close-icon.active {
    display: block;
}

@media (max-width: 768px) {
    .faq-widget-container .faq-items .faq-widget-title {
        font-size: 14px;
    }

    .faq-widget-container .faq-items .faq-widget-content {
        font-size: 13px;
    }

    .faq-widget-container .faq-head .title {
        font-size: 16px;
    }

    .faq-widget-container {
        padding: 0 12px;
    }
}