.elementor-18077 .elementor-element.elementor-element-99e7dc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1ddeeb4 *//* =========================================================
   ARTICLE TABLES - FINAL STYLE
========================================================= */

.article-style {
    width: 100% !important;
    max-width: 900px;
    box-sizing: border-box !important;
    overflow: hidden !important;
    direction: rtl;
}

.article-style article {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   TABLE WRAPPER
========================================================= */

.article-style .table-responsive {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    margin: 28px 0 38px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;

    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid #dce6ef !important;
    border-radius: 12px !important;

    box-shadow: 0 4px 18px rgba(25, 65, 100, 0.07) !important;
}


/* =========================================================
   TABLE
========================================================= */

.article-style .table-responsive table {
    width: 100% !important;
    min-width: 700px !important;
    max-width: none !important;

    margin: 0 !important;

    direction: rtl !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #ffffff !important;
}


/* =========================================================
   TABLE HEADER
========================================================= */

.article-style .table-responsive table thead,
.article-style .table-responsive table thead tr,
.article-style .table-responsive table tr:first-child {
    background: #1e73be !important;
}

.article-style .table-responsive table th,
.article-style .table-responsive table tr:first-child th {

    padding: 15px 12px !important;

    background: #1e73be !important;
    background-color: #1e73be !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;

    text-align: center !important;
    vertical-align: middle !important;

    white-space: nowrap !important;

    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.20) !important;

    opacity: 1 !important;
}

.article-style .table-responsive table th:last-child {
    border-left: 0 !important;
}


/* هر چیزی داخل TH سفید */
.article-style .table-responsive table th *,
.article-style .table-responsive table tr:first-child th * {

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-weight: inherit !important;
    opacity: 1 !important;
}


/* =========================================================
   TABLE CELLS
========================================================= */

.article-style .table-responsive table td {

    padding: 14px 12px !important;

    background: #ffffff !important;

    color: #263238 !important;
    -webkit-text-fill-color: #263238 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;

    text-align: center !important;
    vertical-align: middle !important;

    border: 0 !important;
    border-bottom: 1px solid #e8edf2 !important;
    border-left: 1px solid #edf1f5 !important;

    transition: background-color 0.2s ease !important;
}


/* رنگ متن داخل سلول */
.article-style .table-responsive table td * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}


/* ردیف‌های زوج */
.article-style .table-responsive table tbody tr:nth-child(even) td,
.article-style .table-responsive table tr:nth-child(odd):not(:first-child) td {
    background: #f8fafc !important;
}


/* Hover */
.article-style .table-responsive table tbody tr:hover td,
.article-style .table-responsive table tr:not(:first-child):hover td {
    background: #eef6fc !important;
}


/* ستون اول */
.article-style .table-responsive table td:first-child,
.article-style .table-responsive table td:first-child * {

    color: #155b91 !important;
    -webkit-text-fill-color: #155b91 !important;

    font-weight: 800 !important;
}


/* آخرین ردیف */
.article-style .table-responsive table tr:last-child td {
    border-bottom: 0 !important;
}


/* آخرین ستون */
.article-style .table-responsive table td:last-child {
    border-left: 0 !important;
}


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

.article-style .faq-section {

    width: 100% !important;

    margin: 28px 0 40px !important;

    direction: rtl !important;
}


/* هر سوال */
.article-style .faq-item {

    width: 100% !important;

    margin: 0 0 12px !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid #dce6ef !important;
    border-radius: 10px !important;

    box-shadow: 0 3px 12px rgba(25, 65, 100, 0.05) !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}


.article-style .faq-item:hover {

    border-color: #b6d3e9 !important;

    box-shadow: 0 5px 17px rgba(25, 65, 100, 0.08) !important;
}


/* حذف فلش پیش‌فرض */
.article-style .faq-item summary {
    list-style: none !important;
}

.article-style .faq-item summary::-webkit-details-marker {
    display: none !important;
}


/* سوال FAQ */
.article-style .faq-question {

    position: relative !important;

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

    width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;

    padding: 15px 20px 15px 58px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    color: #17365d !important;
    -webkit-text-fill-color: #17365d !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;

    text-align: right !important;

    cursor: pointer !important;
    user-select: none !important;
}


/* دکمه + */
.article-style .faq-question::after {

    content: "+" !important;

    position: absolute !important;

    left: 18px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

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

    width: 29px !important;
    height: 29px !important;

    background: #edf6fc !important;

    border-radius: 50% !important;

    color: #1e73be !important;
    -webkit-text-fill-color: #1e73be !important;

    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}


/* حالت باز */
.article-style .faq-item[open] {

    border-color: #b8d5eb !important;

    box-shadow: 0 5px 17px rgba(25, 65, 100, 0.08) !important;
}


.article-style .faq-item[open] .faq-question {

    background: #f7fbfe !important;

    color: #155b91 !important;
    -webkit-text-fill-color: #155b91 !important;
}


.article-style .faq-item[open] .faq-question::after {

    content: "−" !important;

    background: #1e73be !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* جواب FAQ */
.article-style .faq-answer {

    padding: 17px 20px 19px !important;

    background: #ffffff !important;

    border-top: 1px solid #e7edf2 !important;
}


.article-style .faq-answer p {

    margin: 0 !important;

    color: #37474f !important;
    -webkit-text-fill-color: #37474f !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 2.1 !important;
}


/* Strong داخل جواب */
.article-style .faq-answer strong {

    color: #17365d !important;
    -webkit-text-fill-color: #17365d !important;

    font-weight: 800 !important;
}


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

@media (max-width: 768px) {

    .article-style {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* جدول */

    .article-style .table-responsive {

        width: 100% !important;
        max-width: 100% !important;

        margin: 22px 0 30px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        border-radius: 9px !important;
    }


    .article-style .table-responsive table {

        width: 700px !important;
        min-width: 700px !important;
    }


    .article-style .table-responsive table th {

        padding: 13px 10px !important;

        font-size: 13px !important;
        line-height: 1.7 !important;
    }


    .article-style .table-responsive table td {

        padding: 12px 10px !important;

        font-size: 13px !important;
        line-height: 1.8 !important;
    }


    /* FAQ */

    .article-style .faq-section {

        margin: 22px 0 32px !important;
    }


    .article-style .faq-item {

        margin-bottom: 10px !important;

        border-radius: 9px !important;
    }


    .article-style .faq-question {

        min-height: 54px !important;

        padding: 13px 15px 13px 51px !important;

        font-size: 14px !important;
        line-height: 1.9 !important;
    }


    .article-style .faq-question::after {

        left: 14px !important;

        width: 26px !important;
        height: 26px !important;

        font-size: 19px !important;
    }


    .article-style .faq-answer {

        padding: 14px 15px 16px !important;
    }


    .article-style .faq-answer p {

        font-size: 14px !important;
        line-height: 2 !important;
    }

}/* End custom CSS */