{"id":1782,"date":"2020-10-03T12:13:29","date_gmt":"2020-10-03T08:43:29","guid":{"rendered":"http:\/\/soufiancement.com\/?page_id=1782"},"modified":"2026-07-26T11:14:59","modified_gmt":"2026-07-26T07:44:59","slug":"%d8%aa%d9%85%d8%a7%d8%b3-%d8%a8%d8%a7-%d8%a8%d8%ae%d8%b4-%d9%87%d8%a7%db%8c-%d8%b4%d8%b1%da%a9%d8%aa","status":"publish","type":"page","link":"https:\/\/soufiancement.com\/en_us\/%d8%aa%d9%85%d8%a7%d8%b3-%d8%a8%d8%a7-%d8%a8%d8%ae%d8%b4-%d9%87%d8%a7%db%8c-%d8%b4%d8%b1%da%a9%d8%aa\/","title":{"rendered":"\u062a\u0645\u0627\u0633 \u0628\u0627 \u0628\u062e\u0634 \u0647\u0627\u06cc \u0634\u0631\u06a9\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1782\" class=\"elementor elementor-1782\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cbca240 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cbca240\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5609ff4\" data-id=\"5609ff4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9522a4c elementor-widget elementor-widget-html\" data-id=\"9522a4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n.sce-directory,\r\n.sce-directory * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sce-directory {\r\n    --sce-blue: #294a9b;\r\n    --sce-blue-dark: #1d377d;\r\n    --sce-blue-light: #3860b8;\r\n    --sce-blue-soft: #eef3ff;\r\n    --sce-blue-soft-2: #f6f8ff;\r\n    --sce-gold: #c69d3e;\r\n    --sce-text: #263448;\r\n    --sce-muted: #7b8493;\r\n    --sce-border: #dfe4ef;\r\n    --sce-white: #ffffff;\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 35px auto;\r\n    padding: 0 16px;\r\n    direction: rtl;\r\n    color: var(--sce-text);\r\n    font-family: inherit;\r\n}\r\n\r\n.sce-directory,\r\n.sce-directory button,\r\n.sce-directory input {\r\n    font-family: inherit;\r\n}\r\n\r\n.sce-shell {\r\n    overflow: hidden;\r\n    border: 1px solid var(--sce-border);\r\n    border-radius: 24px;\r\n    background: var(--sce-white);\r\n    box-shadow: 0 18px 55px rgba(33, 59, 126, 0.1);\r\n}\r\n\r\n\/* =========================================================\r\n   Header\r\n   ========================================================= *\/\r\n\r\n.sce-header {\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    padding: 32px 35px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 10% 20%,\r\n            rgba(255, 255, 255, 0.09),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            var(--sce-blue-dark) 0%,\r\n            var(--sce-blue) 60%,\r\n            var(--sce-blue-light) 100%\r\n        );\r\n}\r\n\r\n.sce-header::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -90px;\r\n    bottom: -125px;\r\n    width: 250px;\r\n    height: 250px;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n        0 0 0 36px rgba(255, 255, 255, 0.025),\r\n        0 0 0 74px rgba(255, 255, 255, 0.018);\r\n}\r\n\r\n.sce-header-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    min-width: 0;\r\n}\r\n\r\n.sce-header-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 10px;\r\n    color: #f0cf78 !important;\r\n    font-size: 11px !important;\r\n    font-weight: 850 !important;\r\n}\r\n\r\n.sce-header-label::before {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 1px;\r\n    background: #f0cf78;\r\n}\r\n\r\n.sce-header h1 {\r\n    margin: 0 0 7px !important;\r\n    color: #ffffff !important;\r\n    font-size: clamp(25px, 3vw, 36px) !important;\r\n    line-height: 1.55 !important;\r\n    font-weight: 900 !important;\r\n}\r\n\r\n.sce-header p {\r\n    max-width: 700px;\r\n    margin: 0 !important;\r\n    color: rgba(255, 255, 255, 0.72) !important;\r\n    font-size: 13px !important;\r\n    line-height: 2 !important;\r\n}\r\n\r\n.sce-header-icon {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex: 0 0 74px;\r\n    width: 74px;\r\n    height: 74px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.17);\r\n    border-radius: 21px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    color: #f0cf78;\r\n}\r\n\r\n.sce-header-icon svg {\r\n    width: 35px;\r\n    height: 35px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* =========================================================\r\n   Toolbar\r\n   ========================================================= *\/\r\n\r\n.sce-toolbar {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 18px 22px;\r\n    border-bottom: 1px solid var(--sce-border);\r\n    background: #fafbfe;\r\n}\r\n\r\n.sce-search {\r\n    position: relative;\r\n}\r\n\r\n.sce-search svg {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 15px;\r\n    width: 18px;\r\n    height: 18px;\r\n    transform: translateY(-50%);\r\n    fill: none;\r\n    stroke: #8791a4;\r\n    stroke-width: 1.8;\r\n    pointer-events: none;\r\n}\r\n\r\n.sce-search-input {\r\n    width: 100%;\r\n    height: 46px;\r\n    padding: 0 44px 0 42px;\r\n    border: 1px solid var(--sce-border) !important;\r\n    border-radius: 13px !important;\r\n    outline: none !important;\r\n    background: #ffffff !important;\r\n    color: var(--sce-text) !important;\r\n    font-size: 12.5px !important;\r\n    box-shadow: none !important;\r\n    transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n}\r\n\r\n.sce-search-input:focus {\r\n    border-color: #9eb1e2 !important;\r\n    box-shadow: 0 0 0 4px rgba(41, 74, 155, 0.08) !important;\r\n}\r\n\r\n.sce-search-input::placeholder {\r\n    color: #9aa2b0;\r\n}\r\n\r\n.sce-clear {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 11px;\r\n    display: none;\r\n    width: 27px;\r\n    height: 27px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0;\r\n    transform: translateY(-50%);\r\n    border: 0;\r\n    border-radius: 8px;\r\n    background: #edf0f6;\r\n    color: #788294;\r\n    font-size: 17px;\r\n    cursor: pointer;\r\n}\r\n\r\n.sce-clear.is-visible {\r\n    display: flex;\r\n}\r\n\r\n.sce-counter {\r\n    min-width: 105px;\r\n    padding: 9px 13px;\r\n    border-radius: 12px;\r\n    background: var(--sce-blue-soft);\r\n    color: var(--sce-blue) !important;\r\n    font-size: 11px !important;\r\n    line-height: 1.7 !important;\r\n    font-weight: 800 !important;\r\n    text-align: center;\r\n}\r\n\r\n.sce-counter strong {\r\n    display: block;\r\n    font-size: 15px !important;\r\n    font-weight: 950 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   Accordion sections\r\n   ========================================================= *\/\r\n\r\n.sce-content {\r\n    padding: 10px 22px 24px;\r\n    background: #ffffff;\r\n}\r\n\r\n.sce-section {\r\n    display: block;\r\n    margin-top: 11px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--sce-border);\r\n    border-radius: 17px;\r\n    background: #ffffff;\r\n    transition:\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n.sce-section.is-open {\r\n    border-color: #c4d0eb;\r\n    box-shadow: 0 12px 30px rgba(39, 72, 150, 0.09);\r\n}\r\n\r\n.sce-section-toggle {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 68px minmax(0, 1fr) auto 40px;\r\n    align-items: center;\r\n    gap: 15px;\r\n    width: 100%;\r\n    min-height: 88px;\r\n    padding: 14px 20px;\r\n    border: 0;\r\n    outline: none;\r\n    background: #f8f9fd;\r\n    color: inherit;\r\n    text-align: right;\r\n    cursor: pointer;\r\n    transition:\r\n        background 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n.sce-section-toggle:hover {\r\n    background: var(--sce-blue-soft-2);\r\n}\r\n\r\n.sce-section.is-open .sce-section-toggle {\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #f4f6fc,\r\n            #ffffff\r\n        );\r\n    box-shadow: inset 0 -1px 0 var(--sce-border);\r\n}\r\n\r\n.sce-section-toggle::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 22px;\r\n    right: 0;\r\n    width: 4px;\r\n    height: 43px;\r\n    border-radius: 4px 0 0 4px;\r\n    background: var(--sce-gold);\r\n    opacity: 0;\r\n    transition: opacity 0.25s ease;\r\n}\r\n\r\n.sce-section.is-open .sce-section-toggle::before {\r\n    opacity: 1;\r\n}\r\n\r\n.sce-accordion-number {\r\n    color: #dfe4ef;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 42px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n}\r\n\r\n.sce-accordion-heading {\r\n    min-width: 0;\r\n}\r\n\r\n.sce-accordion-heading small {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: var(--sce-gold) !important;\r\n    font-size: 9.5px !important;\r\n    line-height: 1.7 !important;\r\n    font-weight: 850 !important;\r\n}\r\n\r\n.sce-accordion-heading h2 {\r\n    margin: 0 !important;\r\n    color: var(--sce-blue-dark) !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.8 !important;\r\n    font-weight: 900 !important;\r\n}\r\n\r\n.sce-accordion-count {\r\n    display: inline-flex;\r\n    min-width: 61px;\r\n    height: 31px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 9px;\r\n    border-radius: 9px;\r\n    background: var(--sce-blue-soft);\r\n    color: var(--sce-blue) !important;\r\n    font-size: 9.5px !important;\r\n    font-weight: 800 !important;\r\n    white-space: nowrap;\r\n}\r\n\r\n.sce-accordion-arrow {\r\n    position: relative;\r\n    display: flex;\r\n    width: 36px;\r\n    height: 36px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid #d7deee;\r\n    border-radius: 11px;\r\n    background: #ffffff;\r\n    color: var(--sce-blue);\r\n}\r\n\r\n.sce-accordion-arrow::before,\r\n.sce-accordion-arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 13px;\r\n    height: 2px;\r\n    border-radius: 4px;\r\n    background: currentColor;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.sce-accordion-arrow::after {\r\n    transform: rotate(90deg);\r\n}\r\n\r\n.sce-section.is-open .sce-accordion-arrow::after {\r\n    transform: rotate(0);\r\n}\r\n\r\n\/* Accordion animation *\/\r\n\r\n.sce-section-panel {\r\n    display: grid;\r\n    grid-template-rows: 0fr;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition:\r\n        grid-template-rows 0.38s ease,\r\n        opacity 0.28s ease,\r\n        visibility 0.38s ease;\r\n}\r\n\r\n.sce-section.is-open .sce-section-panel {\r\n    grid-template-rows: 1fr;\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.sce-section-panel-inner {\r\n    min-height: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.sce-section-main {\r\n    padding: 6px 24px 12px;\r\n}\r\n\r\n\/* =========================================================\r\n   Units\r\n   ========================================================= *\/\r\n\r\n.sce-unit {\r\n    display: grid;\r\n    grid-template-columns: minmax(175px, 0.75fr) minmax(0, 1.65fr);\r\n    align-items: center;\r\n    gap: 22px;\r\n    padding: 20px 0;\r\n    border-bottom: 1px dashed #dfe4ee;\r\n}\r\n\r\n.sce-unit:last-child {\r\n    border-bottom: 0;\r\n}\r\n\r\n.sce-unit-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    min-width: 0;\r\n}\r\n\r\n.sce-unit-icon {\r\n    display: flex;\r\n    flex: 0 0 39px;\r\n    width: 39px;\r\n    height: 39px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 12px;\r\n    background: var(--sce-blue-soft);\r\n    color: var(--sce-blue);\r\n}\r\n\r\n.sce-unit-icon svg {\r\n    width: 19px;\r\n    height: 19px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.7;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.sce-unit-title h3 {\r\n    margin: 0 !important;\r\n    color: #293b5a !important;\r\n    font-size: 13px !important;\r\n    line-height: 1.8 !important;\r\n    font-weight: 850 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   Contact rows\r\n   ========================================================= *\/\r\n\r\n.sce-contact-list {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 8px;\r\n    min-width: 0;\r\n}\r\n\r\n.sce-contact-item,\r\n.sce-contact-item.sce-email {\r\n    display: grid;\r\n    grid-template-columns: 30px 58px minmax(0, 1fr) 28px;\r\n    align-items: center;\r\n    gap: 7px;\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 42px;\r\n    padding: 6px 7px;\r\n    border: 1px solid #e2e7f0;\r\n    border-radius: 11px;\r\n    background: #fbfcfe;\r\n}\r\n\r\n.sce-contact-item.sce-email {\r\n    background: #f4f7ff;\r\n}\r\n\r\n.sce-contact-icon {\r\n    display: flex;\r\n    width: 29px;\r\n    height: 29px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 9px;\r\n    background: var(--sce-blue-soft);\r\n    color: var(--sce-blue);\r\n}\r\n\r\n.sce-contact-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.sce-contact-label {\r\n    color: #7c8494 !important;\r\n    font-size: 9.5px !important;\r\n    line-height: 1.6 !important;\r\n    font-weight: 500 !important;\r\n    white-space: nowrap;\r\n}\r\n\r\n.sce-contact-value {\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    color: #29394f !important;\r\n    font-size: 11px !important;\r\n    line-height: 1.75 !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.sce-contact-value,\r\n.sce-contact-value span,\r\n.sce-contact-value a,\r\n.sce-contact-value a:link,\r\n.sce-contact-value a:visited {\r\n    color: #29394f !important;\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    font-weight: 400 !important;\r\n    text-decoration: none !important;\r\n    -webkit-text-fill-color: #29394f !important;\r\n}\r\n\r\n.sce-contact-value a:hover {\r\n    color: var(--sce-blue-light) !important;\r\n    -webkit-text-fill-color: var(--sce-blue-light) !important;\r\n}\r\n\r\n.sce-contact-value > a,\r\n.sce-contact-value > .sce-ltr {\r\n    display: block;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    direction: ltr;\r\n    unicode-bidi: plaintext;\r\n    text-align: left;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.sce-contact-item:not(.sce-email) .sce-contact-value > a,\r\n.sce-contact-item:not(.sce-email) .sce-contact-value > .sce-ltr {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 12px !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: 0.15px;\r\n}\r\n\r\n.sce-email .sce-contact-value a {\r\n    color: var(--sce-blue) !important;\r\n    -webkit-text-fill-color: var(--sce-blue) !important;\r\n}\r\n\r\n.sce-note {\r\n    display: block;\r\n    margin-top: 2px;\r\n    color: #858e9f !important;\r\n    direction: rtl;\r\n    font-size: 9px !important;\r\n    line-height: 1.65 !important;\r\n    font-weight: 400 !important;\r\n    text-align: right;\r\n    white-space: normal;\r\n}\r\n\r\n\/* Copy button *\/\r\n\r\n.sce-copy {\r\n    display: flex;\r\n    width: 27px;\r\n    height: 27px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 8px;\r\n    background: transparent;\r\n    color: #9aa3b2;\r\n    cursor: pointer;\r\n    transition:\r\n        background 0.2s ease,\r\n        color 0.2s ease;\r\n}\r\n\r\n.sce-copy:hover {\r\n    background: #eef2ff;\r\n    color: var(--sce-blue);\r\n}\r\n\r\n.sce-copy.is-copied {\r\n    background: var(--sce-blue-soft);\r\n    color: var(--sce-blue);\r\n}\r\n\r\n.sce-copy svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n}\r\n\r\n\/* Animations *\/\r\n\r\n.sce-section.is-open .sce-unit {\r\n    animation: sce-unit-show 0.35s ease both;\r\n}\r\n\r\n.sce-section.is-open .sce-unit:nth-child(2) {\r\n    animation-delay: 0.04s;\r\n}\r\n\r\n.sce-section.is-open .sce-unit:nth-child(3) {\r\n    animation-delay: 0.08s;\r\n}\r\n\r\n.sce-section.is-open .sce-unit:nth-child(4) {\r\n    animation-delay: 0.12s;\r\n}\r\n\r\n@keyframes sce-unit-show {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(7px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Empty state *\/\r\n\r\n.sce-empty {\r\n    display: none;\r\n    margin: 18px 0 5px;\r\n    padding: 45px 20px;\r\n    border: 1px dashed #d5dce9;\r\n    border-radius: 17px;\r\n    background: #fafbfe;\r\n    color: var(--sce-muted) !important;\r\n    font-size: 12px !important;\r\n    line-height: 2 !important;\r\n    text-align: center;\r\n}\r\n\r\n\/* Footer *\/\r\n\r\n.sce-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    padding: 16px 25px;\r\n    border-top: 1px solid var(--sce-border);\r\n    background: var(--sce-blue-dark);\r\n}\r\n\r\n.sce-footer-text {\r\n    color: rgba(255, 255, 255, 0.68) !important;\r\n    font-size: 10.5px !important;\r\n    line-height: 1.9 !important;\r\n}\r\n\r\n.sce-footer-brand {\r\n    color: #ebca73 !important;\r\n    font-size: 10.5px !important;\r\n    line-height: 1.7 !important;\r\n    font-weight: 850 !important;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* Toast *\/\r\n\r\n.sce-toast {\r\n    position: fixed;\r\n    z-index: 999999;\r\n    right: 22px;\r\n    bottom: 22px;\r\n    padding: 11px 15px;\r\n    transform: translateY(20px);\r\n    border-radius: 11px;\r\n    background: var(--sce-blue-dark);\r\n    color: #ffffff !important;\r\n    font-size: 10.5px !important;\r\n    font-weight: 750 !important;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.17);\r\n    transition:\r\n        opacity 0.22s ease,\r\n        visibility 0.22s ease,\r\n        transform 0.22s ease;\r\n}\r\n\r\n.sce-toast.is-visible {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n\/* =========================================================\r\n   Responsive\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n    .sce-section-toggle {\r\n        grid-template-columns: 58px minmax(0, 1fr) auto 38px;\r\n        gap: 12px;\r\n        padding: 13px 17px;\r\n    }\r\n\r\n    .sce-accordion-number {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .sce-unit {\r\n        grid-template-columns: 1fr;\r\n        gap: 13px;\r\n    }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    .sce-directory {\r\n        margin: 18px auto;\r\n        padding: 0 9px;\r\n    }\r\n\r\n    .sce-shell {\r\n        border-radius: 19px;\r\n    }\r\n\r\n    .sce-header {\r\n        padding: 25px 20px;\r\n    }\r\n\r\n    .sce-header-icon {\r\n        display: none;\r\n    }\r\n\r\n    .sce-toolbar {\r\n        grid-template-columns: 1fr;\r\n        padding: 13px;\r\n    }\r\n\r\n    .sce-counter {\r\n        display: none;\r\n    }\r\n\r\n    .sce-content {\r\n        padding: 7px 13px 18px;\r\n    }\r\n\r\n    .sce-section {\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .sce-section-toggle {\r\n        grid-template-columns: 43px minmax(0, 1fr) 34px;\r\n        gap: 10px;\r\n        min-height: 74px;\r\n        padding: 12px 14px;\r\n    }\r\n\r\n    .sce-accordion-number {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .sce-accordion-heading small {\r\n        display: none;\r\n    }\r\n\r\n    .sce-accordion-heading h2 {\r\n        font-size: 13.5px !important;\r\n    }\r\n\r\n    .sce-accordion-count {\r\n        display: none;\r\n    }\r\n\r\n    .sce-accordion-arrow {\r\n        width: 32px;\r\n        height: 32px;\r\n    }\r\n\r\n    .sce-section-main {\r\n        padding: 3px 13px 10px;\r\n    }\r\n\r\n    .sce-unit {\r\n        padding: 16px 0;\r\n    }\r\n\r\n    .sce-footer {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        padding: 17px 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 430px) {\r\n    .sce-header h1 {\r\n        font-size: 24px !important;\r\n    }\r\n\r\n    .sce-section-toggle {\r\n        grid-template-columns: 37px minmax(0, 1fr) 31px;\r\n        padding: 11px 12px;\r\n    }\r\n\r\n    .sce-accordion-number {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .sce-accordion-heading h2 {\r\n        font-size: 12.5px !important;\r\n    }\r\n\r\n    .sce-accordion-arrow {\r\n        width: 29px;\r\n        height: 29px;\r\n    }\r\n\r\n    .sce-contact-item,\r\n    .sce-contact-item.sce-email {\r\n        grid-template-columns: 29px 46px minmax(0, 1fr) 27px;\r\n        gap: 5px;\r\n    }\r\n\r\n    .sce-contact-label {\r\n        font-size: 9px !important;\r\n    }\r\n\r\n    .sce-contact-value,\r\n    .sce-contact-value > a,\r\n    .sce-contact-value > .sce-ltr {\r\n        font-size: 10.5px !important;\r\n    }\r\n\r\n    .sce-email .sce-contact-value a {\r\n        overflow-wrap: anywhere;\r\n        text-overflow: unset;\r\n        white-space: normal;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .sce-section-panel,\r\n    .sce-accordion-arrow::after,\r\n    .sce-unit {\r\n        transition: none !important;\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sce-directory\">\r\n    <div class=\"sce-shell\">\r\n\r\n        <header class=\"sce-header\">\r\n            <div class=\"sce-header-content\">\r\n                <div class=\"sce-header-label\">\r\n                    \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637\u0627\u062a \u0633\u0627\u0632\u0645\u0627\u0646\u06cc\r\n                <\/div>\r\n\r\n                <h1>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0634\u0631\u06a9\u062a<\/h1>\r\n\r\n                <p>\r\n                    \u0634\u0645\u0627\u0631\u0647 \u062a\u0644\u0641\u0646\u060c \u0641\u06a9\u0633 \u0648 \u0646\u0634\u0627\u0646\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\r\n                    \u0634\u0631\u06a9\u062a \u0633\u06cc\u0645\u0627\u0646 \u0635\u0648\u0641\u06cc\u0627\u0646\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sce-header-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M3 21h18\"><\/path>\r\n                    <path d=\"M5 21V7l7-4 7 4v14\"><\/path>\r\n                    <path d=\"M9 21v-5h6v5\"><\/path>\r\n                    <path d=\"M9 9h.01\"><\/path>\r\n                    <path d=\"M15 9h.01\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <div class=\"sce-toolbar\">\r\n            <div class=\"sce-search\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n                    <path d=\"m21 21-4.35-4.35\"><\/path>\r\n                <\/svg>\r\n\r\n                <input\r\n                    type=\"search\"\r\n                    class=\"sce-search-input\"\r\n                    placeholder=\"\u062c\u0633\u062a\u062c\u0648 \u062f\u0631 \u0646\u0627\u0645 \u0648\u0627\u062d\u062f\u060c \u0634\u0645\u0627\u0631\u0647 \u06cc\u0627 \u0627\u06cc\u0645\u06cc\u0644...\"\r\n                    autocomplete=\"off\"\r\n                >\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"sce-clear\"\r\n                    aria-label=\"\u067e\u0627\u06a9 \u06a9\u0631\u062f\u0646 \u062c\u0633\u062a\u062c\u0648\"\r\n                >\r\n                    \u00d7\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"sce-counter\">\r\n                <strong class=\"sce-visible-count\">\u06f0<\/strong>\r\n                \u0648\u0627\u062d\u062f \u0633\u0627\u0632\u0645\u0627\u0646\u06cc\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <main class=\"sce-content\">\r\n            <div class=\"sce-sections\"><\/div>\r\n\r\n            <div class=\"sce-empty\">\r\n                \u0645\u0648\u0631\u062f\u06cc \u0645\u0637\u0627\u0628\u0642 \u0639\u0628\u0627\u0631\u062a \u062c\u0633\u062a\u062c\u0648 \u067e\u06cc\u062f\u0627 \u0646\u0634\u062f.\r\n            <\/div>\r\n        <\/main>\r\n\r\n        <footer class=\"sce-footer\">\r\n            <div class=\"sce-footer-text\">\r\n                \u0631\u0648\u06cc \u0634\u0645\u0627\u0631\u0647 \u062a\u0644\u0641\u0646 \u06cc\u0627 \u0627\u06cc\u0645\u06cc\u0644 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u06a9\u067e\u06cc \u0646\u06cc\u0632 \u0627\u0632 \u062f\u06a9\u0645\u0647 \u06a9\u0646\u0627\u0631 \u0647\u0631 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.\r\n            <\/div>\r\n\r\n            <div class=\"sce-footer-brand\">\r\n                \u0634\u0631\u06a9\u062a \u0633\u06cc\u0645\u0627\u0646 \u0635\u0648\u0641\u06cc\u0627\u0646\r\n            <\/div>\r\n        <\/footer>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"sce-toast\">\r\n        \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u067e\u06cc \u0634\u062f.\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    const directoryData = [\r\n        {\r\n            number: \"01\",\r\n            label: \"\u062f\u0641\u0627\u062a\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a\",\r\n            title: \"\u062d\u0648\u0632\u0647 \u0645\u062f\u06cc\u0631\u0639\u0627\u0645\u0644\",\r\n            units: [\r\n                {\r\n                    name: \"\u062d\u0648\u0632\u0647 \u0645\u062f\u06cc\u0631\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647\",\r\n                    phone: \"041-42527141\",\r\n                    fax: \"041-42527140\",\r\n                    email: \"info@soufiancement.com\"\r\n                },\r\n                {\r\n                    name: \"\u062d\u0648\u0632\u0647 \u0645\u062f\u06cc\u0631\u0639\u0627\u0645\u0644 \u062a\u0647\u0631\u0627\u0646\",\r\n                    phone: \"021-42147000\",\r\n                    phoneNote: \"\u062f\u0627\u062e\u0644\u06cc\u200c\u0647\u0627\u06cc 221 \u0648 222\",\r\n                    fax: \"021-42147000\",\r\n                    faxNote: \"\u062f\u0627\u062e\u0644\u06cc 220\",\r\n                    extraFax: \"041-42527140\",\r\n                    extraFaxLabel: \"\u0641\u06a9\u0633 \u062f\u0628\u06cc\u0631\u062e\u0627\u0646\u0647\",\r\n                    email: \"tehranoffice@soufiancement.com\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            number: \"02\",\r\n            label: \"\u062a\u0623\u0645\u06cc\u0646 \u0648 \u062a\u062c\u0627\u0631\u062a\",\r\n            title: \"\u0645\u0639\u0627\u0648\u0646\u062a \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc\",\r\n            units: [\r\n                {\r\n                    name: \"\u0645\u062f\u06cc\u0631 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc\",\r\n                    email: \"providers@soufiancement.com\"\r\n                },\r\n                {\r\n                    name: \"\u0645\u0639\u0627\u0648\u0646\u062a \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc\",\r\n                    phone: \"041-42527163\",\r\n                    email: \"eterafi@soufiancement.com\"\r\n                },\r\n                {\r\n                    name: \"\u0627\u0645\u0648\u0631 \u062a\u062f\u0627\u0631\u06a9\u0627\u062a \u0648 \u0642\u0631\u0627\u0631\u062f\u0627\u062f\u0647\u0627\",\r\n                    phone: \"041-42527131\",\r\n                    fax: \"041-42527130\",\r\n                    email: \"procurement@soufiancement.com\"\r\n                },\r\n\t\t\t\t{\r\n    name: \"\u0627\u0645\u0648\u0631 \u0628\u0627\u0632\u0627\u0631\u06cc\u0627\u0628\u06cc \u0648 \u0641\u0631\u0648\u0634\",\r\n    phone: \"041-42527144\",\r\n    fax: \"041-42527135\",\r\n    email: \"sales@soufiancement.com\"\r\n}\r\n            ]\r\n        },\r\n        {\r\n            number: \"03\",\r\n            label: \"\u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u06a9\u06cc\u0641\u06cc\u062a\",\r\n            title: \"\u0645\u0639\u0627\u0648\u0646\u062a \u0641\u0646\u06cc\",\r\nunits: [\r\n    {\r\n        name: \"\u062f\u0641\u062a\u0631 \u0645\u0639\u0627\u0648\u0646 \u0641\u0646\u06cc\",\r\n        phone: \"041-42527151\",\r\n        fax: \"041-42527150\",\r\n        email: \"tm@soufiancement.com\"\r\n    },\r\n    {\r\n        name: \"\u0627\u0645\u0648\u0631 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u06cc\u0641\u06cc\",\r\n        phone: \"041-42527115\",\r\n        fax: \"041-42527150\",\r\n        email: \"quality@soufiancement.com\"\r\n    },\r\n    {\r\n        name: \"\u0648\u0627\u062d\u062f \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631\",\r\n        phone: \"041-42527126\",\r\n        email: \"it@soufiancement.com\"\r\n    },\r\n    {\r\n        name: \"\u0627\u0645\u0648\u0631 \u06a9\u06cc\u0641\u06cc\u062a \u062c\u0627\u0645\u0639\",\r\n        phone: \"041-42527117\",\r\n        fax: \"041-42527150\",\r\n        email: \"totalquality@soufiancement.com\"\r\n    }\r\n]\r\n        },\r\n        {\r\n            number: \"04\",\r\n            label: \"\u0627\u0642\u062a\u0635\u0627\u062f \u0648 \u0633\u0631\u0645\u0627\u06cc\u0647\",\r\n            title: \"\u0645\u0639\u0627\u0648\u0646\u062a \u0645\u0627\u0644\u06cc \u0648 \u0627\u0642\u062a\u0635\u0627\u062f\u06cc\",\r\n            units: [\r\n                {\r\n                    name: \"\u0627\u0645\u0648\u0631 \u0645\u0627\u0644\u06cc\",\r\n                    phone: \"041-42527159\",\r\n                    fax: \"041-42527133\",\r\n                    email: \"finance@soufiancement.com\"\r\n                },\r\n                {\r\n                    name: \"\u0627\u0645\u0648\u0631 \u0633\u0647\u0627\u0645\",\r\n                    phone: \"041-42527127\",\r\n                    fax: \"041-42527127\",\r\n                    email: \"share@soufiancement.com\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            number: \"05\",\r\n            label: \"\u0633\u0631\u0645\u0627\u06cc\u0647 \u0627\u0646\u0633\u0627\u0646\u06cc\",\r\n            title: \"\u0627\u0645\u0648\u0631 \u0627\u062f\u0627\u0631\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0627\u0646\u0633\u0627\u0646\u06cc\",\r\n            units: [\r\n                {\r\n                    name: \"\u0627\u0645\u0648\u0631 \u0627\u062f\u0627\u0631\u06cc\",\r\n                    phone: \"041-42527120\",\r\n                    fax: \"041-42527120\",\r\n                    email: \"hrm@soufiancement.com\"\r\n                }\r\n            ]\r\n        }\r\n    ];\r\n\r\n    const icons = {\r\n        unit: `\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M3 21h18\"><\/path>\r\n                <path d=\"M5 21V7l7-4 7 4v14\"><\/path>\r\n                <path d=\"M9 21v-5h6v5\"><\/path>\r\n            <\/svg>\r\n        `,\r\n\r\n        phone: `\r\n    <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2\r\n                 19.79 19.79 0 0 1-8.63-3.07\r\n                 19.5 19.5 0 0 1-6-6\r\n                 19.79 19.79 0 0 1-3.07-8.67\r\n                 A2 2 0 0 1 4.11 2h3\r\n                 a2 2 0 0 1 2 1.72\r\n                 c.12.9.33 1.78.62 2.63\r\n                 a2 2 0 0 1-.45 2.11\r\n                 L8 9.73\r\n                 a16 16 0 0 0 6 6\r\n                 l1.27-1.27\r\n                 a2 2 0 0 1 2.11-.45\r\n                 c.85.29 1.73.5 2.63.62\r\n                 A2 2 0 0 1 22 16.92z\"><\/path>\r\n    <\/svg>\r\n`,\r\n\r\n        fax: `\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M6 9V2h12v7\"><\/path>\r\n                <path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"><\/path>\r\n                <path d=\"M6 14h12v8H6z\"><\/path>\r\n            <\/svg>\r\n        `,\r\n\r\n        email: `\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 4h16v16H4z\"><\/path>\r\n                <path d=\"m22 6-10 7L2 6\"><\/path>\r\n            <\/svg>\r\n        `,\r\n\r\n        copy: `\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\r\n                <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n            <\/svg>\r\n        `\r\n    };\r\n\r\n    document\r\n        .querySelectorAll(\".sce-directory\")\r\n        .forEach(function (directory) {\r\n            const sectionsContainer =\r\n                directory.querySelector(\".sce-sections\");\r\n\r\n            const searchInput =\r\n                directory.querySelector(\".sce-search-input\");\r\n\r\n            const clearButton =\r\n                directory.querySelector(\".sce-clear\");\r\n\r\n            const countElement =\r\n                directory.querySelector(\".sce-visible-count\");\r\n\r\n            const emptyElement =\r\n                directory.querySelector(\".sce-empty\");\r\n\r\n            const toast =\r\n                directory.querySelector(\".sce-toast\");\r\n\r\n            let openedSection = 0;\r\n            let isSearching = false;\r\n\r\n            function toPersianNumber(value) {\r\n                return String(value).replace(\r\n                    \/\\d\/g,\r\n                    function (digit) {\r\n                        return \"\u06f0\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9\"[digit];\r\n                    }\r\n                );\r\n            }\r\n\r\n            function normalize(value) {\r\n                return String(value || \"\")\r\n                    .toLowerCase()\r\n                    .replace(\/\u064a\/g, \"\u06cc\")\r\n                    .replace(\/\u0643\/g, \"\u06a9\")\r\n                    .replace(\/\\s+\/g, \" \")\r\n                    .trim();\r\n            }\r\n\r\n            function escapeAttribute(value) {\r\n                return String(value || \"\")\r\n                    .replace(\/&\/g, \"&amp;\")\r\n                    .replace(\/\"\/g, \"&quot;\")\r\n                    .replace(\/<\/g, \"&lt;\")\r\n                    .replace(\/>\/g, \"&gt;\");\r\n            }\r\n\r\n            function phoneHref(phone) {\r\n                const number = String(phone).replace(\/\\D\/g, \"\");\r\n\r\n                return number.startsWith(\"0\")\r\n                    ? \"+98\" + number.substring(1)\r\n                    : number;\r\n            }\r\n\r\n            function showToast() {\r\n                toast.classList.add(\"is-visible\");\r\n\r\n                window.clearTimeout(toast.timer);\r\n\r\n                toast.timer = window.setTimeout(function () {\r\n                    toast.classList.remove(\"is-visible\");\r\n                }, 1400);\r\n            }\r\n\r\n            async function copyText(value) {\r\n                try {\r\n                    if (\r\n                        navigator.clipboard &&\r\n                        window.isSecureContext\r\n                    ) {\r\n                        await navigator.clipboard.writeText(value);\r\n                    } else {\r\n                        const textarea =\r\n                            document.createElement(\"textarea\");\r\n\r\n                        textarea.value = value;\r\n                        textarea.style.position = \"fixed\";\r\n                        textarea.style.opacity = \"0\";\r\n\r\n                        document.body.appendChild(textarea);\r\n                        textarea.focus();\r\n                        textarea.select();\r\n                        document.execCommand(\"copy\");\r\n                        textarea.remove();\r\n                    }\r\n\r\n                    return true;\r\n                } catch (error) {\r\n                    return false;\r\n                }\r\n            }\r\n\r\n            function contactItem(type, label, value, note) {\r\n                if (!value) {\r\n                    return \"\";\r\n                }\r\n\r\n                let valueHtml = \"\";\r\n\r\n                if (type === \"phone\") {\r\n                    valueHtml = `\r\n                        <a\r\n                            class=\"sce-ltr\"\r\n                            href=\"tel:${phoneHref(value)}\"\r\n                        >\r\n                            ${value}\r\n                        <\/a>\r\n                    `;\r\n                } else if (type === \"email\") {\r\n                    valueHtml = `\r\n                        <a\r\n                            href=\"mailto:${escapeAttribute(value)}\"\r\n                            title=\"${escapeAttribute(value)}\"\r\n                        >\r\n                            ${value}\r\n                        <\/a>\r\n                    `;\r\n                } else {\r\n                    valueHtml = `\r\n                        <span class=\"sce-ltr\">\r\n                            ${value}\r\n                        <\/span>\r\n                    `;\r\n                }\r\n\r\n                const copyValue =\r\n                    value + (note ? \" - \" + note : \"\");\r\n\r\n                return `\r\n                    <div class=\"sce-contact-item ${\r\n                        type === \"email\" ? \"sce-email\" : \"\"\r\n                    }\">\r\n                        <span class=\"sce-contact-icon\">\r\n                            ${icons[type] || icons.fax}\r\n                        <\/span>\r\n\r\n                        <span class=\"sce-contact-label\">\r\n                            ${label}\r\n                        <\/span>\r\n\r\n                        <span class=\"sce-contact-value\">\r\n                            ${valueHtml}\r\n\r\n                            ${\r\n                                note\r\n                                    ? `\r\n                                        <span class=\"sce-note\">\r\n                                            ${note}\r\n                                        <\/span>\r\n                                    `\r\n                                    : \"\"\r\n                            }\r\n                        <\/span>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"sce-copy\"\r\n                            data-copy=\"${escapeAttribute(copyValue)}\"\r\n                            aria-label=\"\u06a9\u067e\u06cc ${label}\"\r\n                            title=\"\u06a9\u067e\u06cc ${label}\"\r\n                        >\r\n                            ${icons.copy}\r\n                        <\/button>\r\n                    <\/div>\r\n                `;\r\n            }\r\n\r\n            function openSection(sectionElement) {\r\n                const sections =\r\n                    sectionsContainer.querySelectorAll(\r\n                        \".sce-section\"\r\n                    );\r\n\r\n                sections.forEach(function (section) {\r\n                    const isSelected =\r\n                        section === sectionElement;\r\n\r\n                    section.classList.toggle(\r\n                        \"is-open\",\r\n                        isSelected\r\n                    );\r\n\r\n                    const button =\r\n                        section.querySelector(\r\n                            \".sce-section-toggle\"\r\n                        );\r\n\r\n                    if (button) {\r\n                        button.setAttribute(\r\n                            \"aria-expanded\",\r\n                            isSelected ? \"true\" : \"false\"\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n\r\n            function closeSection(sectionElement) {\r\n                sectionElement.classList.remove(\"is-open\");\r\n\r\n                const button =\r\n                    sectionElement.querySelector(\r\n                        \".sce-section-toggle\"\r\n                    );\r\n\r\n                if (button) {\r\n                    button.setAttribute(\r\n                        \"aria-expanded\",\r\n                        \"false\"\r\n                    );\r\n                }\r\n            }\r\n\r\n            function bindAccordion() {\r\n                const sections =\r\n                    sectionsContainer.querySelectorAll(\r\n                        \".sce-section\"\r\n                    );\r\n\r\n                sections.forEach(function (section, index) {\r\n                    const button =\r\n                        section.querySelector(\r\n                            \".sce-section-toggle\"\r\n                        );\r\n\r\n                    if (!button) {\r\n                        return;\r\n                    }\r\n\r\n                    button.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n                            const isOpen =\r\n                                section.classList.contains(\r\n                                    \"is-open\"\r\n                                );\r\n\r\n                            if (isOpen) {\r\n                                closeSection(section);\r\n                                openedSection = -1;\r\n                            } else {\r\n                                openSection(section);\r\n                                openedSection = index;\r\n                            }\r\n                        }\r\n                    );\r\n                });\r\n            }\r\n\r\n            function bindCopyButtons() {\r\n                directory\r\n                    .querySelectorAll(\".sce-copy\")\r\n                    .forEach(function (button) {\r\n                        button.addEventListener(\r\n                            \"click\",\r\n                            async function (event) {\r\n                                event.stopPropagation();\r\n\r\n                                const result =\r\n                                    await copyText(\r\n                                        button.dataset.copy\r\n                                    );\r\n\r\n                                if (!result) {\r\n                                    return;\r\n                                }\r\n\r\n                                button.classList.add(\r\n                                    \"is-copied\"\r\n                                );\r\n\r\n                                showToast();\r\n\r\n                                window.setTimeout(\r\n                                    function () {\r\n                                        button.classList.remove(\r\n                                            \"is-copied\"\r\n                                        );\r\n                                    },\r\n                                    1000\r\n                                );\r\n                            }\r\n                        );\r\n                    });\r\n            }\r\n\r\n            function render(data) {\r\n                sectionsContainer.innerHTML = \"\";\r\n\r\n                let visibleUnits = 0;\r\n\r\n                data.forEach(function (\r\n                    section,\r\n                    sectionIndex\r\n                ) {\r\n                    visibleUnits += section.units.length;\r\n\r\n                    const unitsHtml = section.units\r\n                        .map(function (unit) {\r\n                            return `\r\n                                <article class=\"sce-unit\">\r\n\r\n                                    <div class=\"sce-unit-title\">\r\n                                        <span class=\"sce-unit-icon\">\r\n                                            ${icons.unit}\r\n                                        <\/span>\r\n\r\n                                        <h3>${unit.name}<\/h3>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"sce-contact-list\">\r\n\r\n                                        ${contactItem(\r\n                                            \"phone\",\r\n                                            \"\u062a\u0644\u0641\u0646\",\r\n                                            unit.phone,\r\n                                            unit.phoneNote\r\n                                        )}\r\n\r\n                                        ${contactItem(\r\n                                            \"fax\",\r\n                                            \"\u0641\u06a9\u0633\",\r\n                                            unit.fax,\r\n                                            unit.faxNote\r\n                                        )}\r\n\r\n                                        ${contactItem(\r\n                                            \"fax\",\r\n                                            unit.extraFaxLabel ||\r\n                                                \"\u0641\u06a9\u0633\",\r\n                                            unit.extraFax,\r\n                                            \"\"\r\n                                        )}\r\n\r\n                                        ${contactItem(\r\n                                            \"email\",\r\n                                            \"\u0627\u06cc\u0645\u06cc\u0644\",\r\n                                            unit.email,\r\n                                            \"\"\r\n                                        )}\r\n\r\n                                    <\/div>\r\n\r\n                                <\/article>\r\n                            `;\r\n                        })\r\n                        .join(\"\");\r\n\r\n                    const sectionElement =\r\n                        document.createElement(\"section\");\r\n\r\n                    const shouldOpen =\r\n                        isSearching ||\r\n                        sectionIndex === openedSection;\r\n\r\n                    sectionElement.className =\r\n                        \"sce-section\" +\r\n                        (shouldOpen ? \" is-open\" : \"\");\r\n\r\n                    const panelId =\r\n                        \"sce-panel-\" +\r\n                        section.number +\r\n                        \"-\" +\r\n                        Math.random()\r\n                            .toString(36)\r\n                            .slice(2, 7);\r\n\r\n                    sectionElement.innerHTML = `\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"sce-section-toggle\"\r\n                            aria-expanded=\"${\r\n                                shouldOpen ? \"true\" : \"false\"\r\n                            }\"\r\n                            aria-controls=\"${panelId}\"\r\n                        >\r\n                            <span class=\"sce-accordion-number\">\r\n                                ${section.number}\r\n                            <\/span>\r\n\r\n                            <span class=\"sce-accordion-heading\">\r\n                                <small>\r\n                                    ${section.label}\r\n                                <\/small>\r\n\r\n                                <h2>\r\n                                    ${section.title}\r\n                                <\/h2>\r\n                            <\/span>\r\n\r\n                            <span class=\"sce-accordion-count\">\r\n                                ${toPersianNumber(\r\n                                    section.units.length\r\n                                )}\r\n                                \u0648\u0627\u062d\u062f\r\n                            <\/span>\r\n\r\n                            <span\r\n                                class=\"sce-accordion-arrow\"\r\n                                aria-hidden=\"true\"\r\n                            ><\/span>\r\n                        <\/button>\r\n\r\n                        <div\r\n                            class=\"sce-section-panel\"\r\n                            id=\"${panelId}\"\r\n                        >\r\n                            <div class=\"sce-section-panel-inner\">\r\n                                <div class=\"sce-section-main\">\r\n                                    ${unitsHtml}\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `;\r\n\r\n                    sectionsContainer.appendChild(\r\n                        sectionElement\r\n                    );\r\n                });\r\n\r\n                countElement.textContent =\r\n                    toPersianNumber(visibleUnits);\r\n\r\n                const hasResult = data.length > 0;\r\n\r\n                sectionsContainer.style.display =\r\n                    hasResult ? \"\" : \"none\";\r\n\r\n                emptyElement.style.display =\r\n                    hasResult ? \"none\" : \"block\";\r\n\r\n                bindAccordion();\r\n                bindCopyButtons();\r\n            }\r\n\r\n            function filterData(term) {\r\n                const keyword = normalize(term);\r\n\r\n                if (!keyword) {\r\n                    return directoryData;\r\n                }\r\n\r\n                return directoryData\r\n                    .map(function (section) {\r\n                        const sectionMatch =\r\n                            normalize(\r\n                                section.title +\r\n                                \" \" +\r\n                                section.label\r\n                            ).includes(keyword);\r\n\r\n                        const units =\r\n                            section.units.filter(\r\n                                function (unit) {\r\n                                    const text =\r\n                                        normalize(\r\n                                            [\r\n                                                unit.name,\r\n                                                unit.phone,\r\n                                                unit.phoneNote,\r\n                                                unit.fax,\r\n                                                unit.faxNote,\r\n                                                unit.extraFax,\r\n                                                unit.extraFaxLabel,\r\n                                                unit.email\r\n                                            ]\r\n                                                .filter(Boolean)\r\n                                                .join(\" \")\r\n                                        );\r\n\r\n                                    return (\r\n                                        sectionMatch ||\r\n                                        text.includes(keyword)\r\n                                    );\r\n                                }\r\n                            );\r\n\r\n                        return {\r\n                            ...section,\r\n                            units: units\r\n                        };\r\n                    })\r\n                    .filter(function (section) {\r\n                        return section.units.length > 0;\r\n                    });\r\n            }\r\n\r\n            searchInput.addEventListener(\r\n                \"input\",\r\n                function () {\r\n                    const term = this.value;\r\n\r\n                    isSearching =\r\n                        term.trim().length > 0;\r\n\r\n                    clearButton.classList.toggle(\r\n                        \"is-visible\",\r\n                        isSearching\r\n                    );\r\n\r\n                    render(filterData(term));\r\n                }\r\n            );\r\n\r\n            clearButton.addEventListener(\r\n                \"click\",\r\n                function () {\r\n                    searchInput.value = \"\";\r\n                    isSearching = false;\r\n                    openedSection = 0;\r\n\r\n                    clearButton.classList.remove(\r\n                        \"is-visible\"\r\n                    );\r\n\r\n                    searchInput.focus();\r\n                    render(directoryData);\r\n                }\r\n            );\r\n\r\n            render(directoryData);\r\n        });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637\u0627\u062a \u0633\u0627\u0632\u0645\u0627\u0646\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0634\u0631\u06a9\u062a \u0634\u0645\u0627\u0631\u0647 \u062a\u0644\u0641\u0646\u060c \u0641\u06a9\u0633 \u0648 \u0646\u0634\u0627\u0646\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0634\u0631\u06a9\u062a \u0633\u06cc\u0645\u0627\u0646 \u0635\u0648\u0641\u06cc\u0627\u0646 \u00d7 \u06f0 \u0648\u0627\u062d\u062f \u0633\u0627\u0632\u0645\u0627\u0646\u06cc \u0645\u0648\u0631\u062f\u06cc \u0645\u0637\u0627\u0628\u0642 \u0639\u0628\u0627\u0631\u062a \u062c\u0633\u062a\u062c\u0648 \u067e\u06cc\u062f\u0627 \u0646\u0634\u062f. \u0631\u0648\u06cc \u0634\u0645\u0627\u0631\u0647 \u062a\u0644\u0641\u0646 \u06cc\u0627 \u0627\u06cc\u0645\u06cc\u0644 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u06a9\u067e\u06cc \u0646\u06cc\u0632 \u0627\u0632 \u062f\u06a9\u0645\u0647 \u06a9\u0646\u0627\u0631 \u0647\u0631 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0634\u0631\u06a9\u062a \u0633\u06cc\u0645\u0627\u0646 \u0635\u0648\u0641\u06cc\u0627\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u067e\u06cc \u0634\u062f.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1782","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/soufiancement.com\/en_us\/wp-json\/wp\/v2\/pages\/1782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soufiancement.com\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soufiancement.com\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soufiancement.com\/en_us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soufiancement.com\/en_us\/wp-json\/wp\/v2\/comments?post=1782"}],"version-history":[{"count":6,"href":"https:\/\/soufiancement.com\/en_us\/wp-json\/wp\/v2\/pages\/1782\/revisions"}],"predecessor-version":[{"id":6105,"href":"https:\/\/soufiancement.com\/en_us\/wp-json\/wp\/v2\/pages\/1782\/revisions\/6105"}],"wp:attachment":[{"href":"https:\/\/soufiancement.com\/en_us\/wp-json\/wp\/v2\/media?parent=1782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}