{"id":107,"date":"2017-06-14T13:43:21","date_gmt":"2017-06-14T13:43:21","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart\/?page_id=107"},"modified":"2026-09-16T14:06:13","modified_gmt":"2026-09-16T11:06:13","slug":"blog","status":"publish","type":"page","link":"https:\/\/iqraalaw.jo\/?page_id=107","title":{"rendered":"\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629"},"content":{"rendered":"\n<div class=\"wp-block-wd-section wd-cd3da288\">\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   AQEL LEGAL - Articles Page Final CSS\n   Clean unified CSS for Hero + Library + Contact sections\n========================================================= *\/\n\n.aqel-articles-hero,\n.aqel-legal-library,\n.aqel-articles-contact-block {\n    direction: rtl;\n    width: 100%;\n    max-width: 1120px;\n    margin-left: auto;\n    margin-right: auto;\n    box-sizing: border-box;\n}\n\n.aqel-articles-hero *,\n.aqel-articles-hero *::before,\n.aqel-articles-hero *::after,\n.aqel-legal-library *,\n.aqel-legal-library *::before,\n.aqel-legal-library *::after,\n.aqel-articles-contact-block *,\n.aqel-articles-contact-block *::before,\n.aqel-articles-contact-block *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================\n   1. Hero\n========================= *\/\n\n.aqel-articles-hero {\n    position: relative;\n    min-height: 560px;\n    overflow: hidden !important;\n    background-color: #071220;\n    background-image: url(\"https:\/\/aqellaw.com.jo\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a-\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.png\");\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    color: #FFFFFF;\n    margin-bottom: 24px;\n}\n\n.aqel-articles-hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        90deg,\n        rgba(7,18,32,.14) 0%,\n        rgba(7,18,32,.34) 42%,\n        rgba(7,18,32,.86) 100%\n    );\n    z-index: 1;\n}\n\n.aqel-articles-curve {\n    position: absolute;\n    left: -5%;\n    right: -5%;\n    bottom: -42px;\n    height: 120px;\n    background: #FFFFFF;\n    z-index: 2;\n    border-radius: 50% 50% 0 0 \/ 55% 55% 0 0;\n}\n\n.aqel-articles-hero-inner {\n    position: relative;\n    z-index: 3;\n    max-width: 1180px;\n    min-height: 560px;\n    margin: 0 auto;\n    padding: 78px 34px 96px;\n}\n\n.aqel-articles-content {\n    width: 100%;\n    max-width: 610px;\n    margin-right: 0;\n    margin-left: auto;\n    text-align: right;\n}\n\n.aqel-articles-kicker {\n    display: inline-block;\n    color: #B8A17A;\n    font-size: 15px;\n    font-weight: 900;\n    margin-bottom: 16px;\n}\n\n.aqel-articles-kicker::after {\n    content: \"\";\n    display: inline-block;\n    width: 44px;\n    height: 2px;\n    background: #B8A17A;\n    margin-right: 12px;\n    vertical-align: middle;\n}\n\n.aqel-articles-content h1 {\n    color: #FFFFFF;\n    font-size: 48px;\n    font-weight: 900;\n    line-height: 1.35;\n    margin: 0 0 24px;\n    text-shadow: 0 10px 28px rgba(0,0,0,.35);\n}\n\n.aqel-articles-content p {\n    color: rgba(255,255,255,.84);\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 2;\n    margin: 0 0 30px;\n    max-width: 590px;\n}\n\n.aqel-articles-stats {\n    display: flex;\n    gap: 44px;\n    align-items: center;\n    justify-content: flex-start;\n}\n\n.aqel-articles-stats div {\n    text-align: center;\n    min-width: 86px;\n}\n\n.aqel-articles-stats strong {\n    display: block;\n    color: #B8A17A;\n    font-size: 29px;\n    font-weight: 900;\n    line-height: 1;\n    margin-bottom: 9px;\n}\n\n.aqel-articles-stats span {\n    display: block;\n    color: rgba(255,255,255,.76);\n    font-size: 13.5px;\n    font-weight: 700;\n}\n\n.aqel-articles-search {\n    position: absolute;\n    left: 50%;\n    bottom: 24px;\n    transform: translateX(-50%);\n    z-index: 8;\n    width: calc(100% - 160px);\n    max-width: 900px;\n    height: 68px;\n    display: grid;\n    grid-template-columns: 72px 1fr 220px;\n    background: #FFFFFF;\n    border: 1px solid rgba(54,67,94,.16);\n    box-shadow: 0 22px 50px rgba(7,18,32,.24);\n    overflow: hidden;\n    border-radius: 7px;\n}\n\n.aqel-articles-search button {\n    border: none;\n    outline: none;\n    background: #B8A17A;\n    color: #FFFFFF;\n    font-size: 28px;\n    font-weight: 900;\n    cursor: pointer;\n    transition: all .25s ease;\n}\n\n.aqel-articles-search button:hover {\n    background: #36435E;\n}\n\n.aqel-articles-search input,\n.aqel-articles-search select {\n    border: none;\n    outline: none;\n    height: 68px;\n    font-size: 14px;\n    font-weight: 700;\n    color: #5D5E68;\n    background: #FFFFFF;\n}\n\n.aqel-articles-search input {\n    padding: 0 26px;\n}\n\n.aqel-articles-search select {\n    padding: 0 20px;\n    border-right: 1px solid rgba(54,67,94,.12);\n    color: #36435E;\n    cursor: pointer;\n}\n\n\/* =========================\n   2. Interactive Library\n========================= *\/\n\n.aqel-legal-library {\n    background:\n        radial-gradient(circle at 18% 12%, rgba(77,207,255,.08), transparent 28%),\n        linear-gradient(180deg, #071220 0%, #081321 100%);\n    color: #FFFFFF;\n    padding: 58px 30px 62px;\n    overflow: hidden;\n    margin-bottom: 34px;\n}\n\n.aqel-library-head {\n    max-width: 980px;\n    margin: 0 auto 28px;\n    text-align: center;\n}\n\n.aqel-library-head span {\n    display: inline-block;\n    color: #B8A17A;\n    font-size: 14px;\n    font-weight: 900;\n    margin-bottom: 12px;\n}\n\n.aqel-library-head span::before,\n.aqel-library-head span::after {\n    content: \"\";\n    display: inline-block;\n    width: 38px;\n    height: 2px;\n    background: #B8A17A;\n    margin: 0 10px;\n    vertical-align: middle;\n}\n\n.aqel-library-head h2 {\n    color: #FFFFFF;\n    font-size: 30px;\n    font-weight: 900;\n    line-height: 1.45;\n    margin: 0;\n}\n\n.aqel-library-tabs {\n    max-width: 1120px;\n    margin: 0 auto 34px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    overflow: visible;\n}\n\n.aqel-library-tabs button {\n    border: 1px solid rgba(255,255,255,.12);\n    background: rgba(255,255,255,.045);\n    color: rgba(255,255,255,.82);\n    padding: 12px 14px;\n    min-width: 118px;\n    min-height: 64px;\n    font-size: 12.5px;\n    font-weight: 900;\n    cursor: pointer;\n    transition: all .25s ease;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n}\n\n.aqel-tab-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    color: #B8A17A;\n    font-size: 22px;\n    line-height: 1;\n}\n\n.aqel-library-tabs button:hover,\n.aqel-library-tabs button.active {\n    background: #B8A17A;\n    border-color: #B8A17A;\n    color: #071220;\n    transform: translateY(-3px);\n    box-shadow: 0 14px 32px rgba(0,0,0,.22);\n}\n\n.aqel-library-tabs button:hover .aqel-tab-icon,\n.aqel-library-tabs button.active .aqel-tab-icon {\n    color: #071220;\n}\n\n.aqel-library-body {\n    max-width: 1120px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 28px;\n    align-items: start;\n}\n\n.aqel-featured-area,\n.aqel-reading-panel {\n    min-width: 0;\n}\n\n.aqel-section-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 22px;\n}\n\n.aqel-section-title span {\n    display: block;\n    width: 36px;\n    height: 2px;\n    background: #B8A17A;\n}\n\n.aqel-section-title h3 {\n    color: #FFFFFF;\n    font-size: 23px;\n    font-weight: 900;\n    margin: 0;\n}\n\n.aqel-articles-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n.aqel-article-card {\n    position: relative;\n    min-height: 380px;\n    overflow: hidden;\n    background: rgba(255,255,255,.045);\n    border: 1px solid rgba(255,255,255,.09);\n    box-shadow: 0 18px 45px rgba(0,0,0,.22);\n    transition: all .25s ease;\n}\n\n.aqel-article-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(184,161,122,.58);\n    box-shadow: 0 22px 55px rgba(0,0,0,.30);\n}\n\n.aqel-article-card > a {\n    display: block;\n    text-decoration: none;\n}\n\n.aqel-article-card img {\n    width: 100%;\n    height: 190px;\n    object-fit: cover;\n    display: block;\n    filter: brightness(.78) saturate(.95);\n    transition: all .35s ease;\n}\n\n.aqel-article-card:hover img {\n    filter: brightness(.88) saturate(1.05);\n    transform: scale(1.035);\n}\n\n.aqel-article-card-content {\n    padding: 20px 20px 18px;\n}\n\n.aqel-article-cat {\n    display: inline-block;\n    background: rgba(54,67,94,.88);\n    color: #FFFFFF;\n    font-size: 12px;\n    font-weight: 900;\n    padding: 6px 12px;\n    margin-bottom: 13px;\n}\n\n.aqel-article-card h4 {\n    color: #FFFFFF;\n    font-size: 17px;\n    font-weight: 900;\n    line-height: 1.75;\n    margin: 0 0 12px;\n}\n\n.aqel-article-card h4 a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.aqel-article-card h4 a:hover {\n    color: #B8A17A;\n}\n\n.aqel-article-card p {\n    color: rgba(255,255,255,.68);\n    font-size: 13.5px;\n    line-height: 1.9;\n    margin: 0 0 16px;\n}\n\n.aqel-article-meta {\n    display: flex;\n    justify-content: space-between;\n    gap: 10px;\n    color: rgba(255,255,255,.55);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.aqel-reading-panel {\n    background: linear-gradient(180deg, rgba(54,67,94,.28), rgba(54,67,94,.08));\n    border: 1px solid rgba(255,255,255,.10);\n    padding: 26px 22px;\n    box-shadow: 0 18px 45px rgba(0,0,0,.18);\n}\n\n.aqel-reading-list {\n    display: grid;\n    gap: 16px;\n}\n\n.aqel-reading-item {\n    display: grid;\n    grid-template-columns: 70px 1fr 32px;\n    gap: 13px;\n    align-items: center;\n    padding-bottom: 16px;\n    border-bottom: 1px solid rgba(255,255,255,.10);\n}\n\n.aqel-reading-item:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n}\n\n.aqel-reading-item img {\n    width: 70px;\n    height: 62px;\n    object-fit: cover;\n    border-radius: 4px;\n    filter: brightness(.84);\n}\n\n.aqel-reading-info h4 {\n    color: #FFFFFF;\n    font-size: 13.5px;\n    font-weight: 900;\n    line-height: 1.7;\n    margin: 0 0 6px;\n}\n\n.aqel-reading-info h4 a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.aqel-reading-info h4 a:hover {\n    color: #B8A17A;\n}\n\n.aqel-reading-info span {\n    color: rgba(255,255,255,.55);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.aqel-reading-num {\n    color: rgba(184,161,122,.82);\n    font-size: 23px;\n    font-weight: 900;\n    text-align: left;\n}\n\n.aqel-loading,\n.aqel-empty,\n.aqel-error {\n    grid-column: 1 \/ -1;\n    color: rgba(255,255,255,.75);\n    background: rgba(255,255,255,.055);\n    border: 1px solid rgba(255,255,255,.09);\n    padding: 22px;\n    text-align: center;\n    font-weight: 800;\n}\n\n\/* =========================\n   3. Contact + Trust\n========================= *\/\n\n.aqel-articles-contact-block {\n    padding: 40px 30px 54px;\n}\n\n.aqel-articles-contact-box {\n    position: relative;\n    overflow: hidden;\n    min-height: 180px;\n    background:\n        radial-gradient(circle at 12% 50%, rgba(77,207,255,.10), transparent 28%),\n        linear-gradient(135deg, #071220 0%, #0A1830 52%, #10233F 100%);\n    border: 1px solid rgba(255,255,255,.10);\n    box-shadow: 0 22px 55px rgba(7,18,32,.18);\n    padding: 34px 42px;\n    display: grid;\n    grid-template-columns: 105px 1fr 360px;\n    gap: 28px;\n    align-items: center;\n}\n\n.aqel-articles-contact-box::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, transparent 0%, rgba(184,161,122,.08) 100%);\n    pointer-events: none;\n}\n\n.aqel-contact-icon {\n    position: relative;\n    z-index: 2;\n    width: 88px;\n    height: 88px;\n    border-radius: 50%;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.08);\n    color: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 42px;\n    line-height: 1;\n    margin: 0 auto;\n    box-shadow: inset 0 0 0 1px rgba(184,161,122,.12);\n}\n\n.aqel-contact-content {\n    position: relative;\n    z-index: 2;\n    text-align: right;\n}\n\n.aqel-contact-content span {\n    display: inline-block;\n    color: #B8A17A;\n    font-size: 14px;\n    font-weight: 900;\n    margin-bottom: 10px;\n}\n\n.aqel-contact-content h2 {\n    color: #FFFFFF;\n    font-size: 30px;\n    font-weight: 900;\n    line-height: 1.4;\n    margin: 0 0 10px;\n}\n\n.aqel-contact-content p {\n    color: rgba(255,255,255,.78);\n    font-size: 14.5px;\n    font-weight: 600;\n    line-height: 1.9;\n    margin: 0;\n    max-width: 560px;\n}\n\n.aqel-contact-form-wrap {\n    position: relative;\n    z-index: 2;\n    text-align: right;\n}\n\n.aqel-form-label {\n    color: rgba(255,255,255,.76);\n    font-size: 13px;\n    font-weight: 800;\n    margin-bottom: 12px;\n}\n\n.aqel-articles-contact-form .wpcf7,\n.aqel-articles-contact-form .wpcf7 form,\n.aqel-articles-contact-form .wpcf7 p {\n    margin: 0;\n}\n\n.aqel-articles-contact-form .wpcf7 br {\n    display: none;\n}\n\n.aqel-articles-contact-form .aqel-quick-consult-form {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 10px;\n    align-items: center;\n}\n\n.aqel-articles-contact-form .wd-col,\n.aqel-articles-contact-form .wd-col-auto {\n    width: auto;\n    padding: 0;\n    margin: 0;\n}\n\n.aqel-articles-contact-form .wpcf7-form-control-wrap {\n    display: block;\n}\n\n.aqel-articles-contact-form input[type=\"tel\"],\n.aqel-articles-contact-form .aqel-phone-field {\n    width: 100%;\n    height: 50px;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.08);\n    color: #FFFFFF;\n    padding: 0 18px;\n    font-size: 14px;\n    font-weight: 700;\n    outline: none;\n    transition: all .25s ease;\n}\n\n.aqel-articles-contact-form input[type=\"tel\"]::placeholder,\n.aqel-articles-contact-form .aqel-phone-field::placeholder {\n    color: rgba(255,255,255,.58);\n}\n\n.aqel-articles-contact-form input[type=\"tel\"]:focus,\n.aqel-articles-contact-form .aqel-phone-field:focus {\n    border-color: #B8A17A;\n    background: rgba(255,255,255,.12);\n}\n\n.aqel-articles-contact-form input[type=\"submit\"],\n.aqel-articles-contact-form .aqel-consult-btn {\n    height: 50px;\n    border: none;\n    background: #B8A17A;\n    color: #071220 !important;\n    padding: 0 24px;\n    font-size: 14px;\n    font-weight: 900;\n    cursor: pointer;\n    transition: all .25s ease;\n    white-space: nowrap;\n}\n\n.aqel-articles-contact-form input[type=\"submit\"]:hover,\n.aqel-articles-contact-form .aqel-consult-btn:hover {\n    background: #FFFFFF;\n    color: #071220 !important;\n    transform: translateY(-2px);\n}\n\n.aqel-articles-contact-form .wpcf7-spinner {\n    margin: 10px 0 0;\n}\n\n.aqel-articles-contact-form .wpcf7-not-valid-tip {\n    color: #F4C7C3;\n    font-size: 12px;\n    margin-top: 7px;\n}\n\n.aqel-articles-contact-form .wpcf7-response-output {\n    color: rgba(255,255,255,.84);\n    border-color: rgba(184,161,122,.55) !important;\n    margin: 14px 0 0 !important;\n    padding: 10px 14px !important;\n    font-size: 13px;\n    font-weight: 700;\n}\n\n.aqel-contact-form-wrap small {\n    display: block;\n    color: rgba(255,255,255,.52);\n    font-size: 12px;\n    line-height: 1.8;\n    margin-top: 12px;\n}\n\n.aqel-reader-trust {\n    padding-top: 38px;\n    text-align: center;\n}\n\n.aqel-reader-trust h3 {\n    color: #272830;\n    font-size: 24px;\n    font-weight: 900;\n    line-height: 1.45;\n    margin: 0 0 28px;\n}\n\n.aqel-reader-trust-grid {\n    max-width: 980px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0;\n}\n\n.aqel-reader-trust-item {\n    padding: 0 20px;\n    border-left: 1px solid rgba(54,67,94,.12);\n}\n\n.aqel-reader-trust-item:last-child {\n    border-left: none;\n}\n\n.aqel-reader-icon {\n    color: #36435E;\n    font-size: 30px;\n    line-height: 1;\n    margin-bottom: 14px;\n    font-weight: 900;\n}\n\n.aqel-reader-trust-item h4 {\n    color: #272830;\n    font-size: 17px;\n    font-weight: 900;\n    margin: 0 0 10px;\n}\n\n.aqel-reader-trust-item p {\n    color: #5D5E68;\n    font-size: 13.5px;\n    font-weight: 600;\n    line-height: 1.85;\n    max-width: 165px;\n    margin: 0 auto;\n}\n\n\/* =========================\n   Responsive\n========================= *\/\n\n@media (max-width: 991px) {\n    .aqel-articles-hero,\n    .aqel-legal-library,\n    .aqel-articles-contact-block {\n        max-width: 100%;\n    }\n\n    .aqel-articles-hero,\n    .aqel-articles-hero-inner {\n        min-height: 570px;\n    }\n\n    .aqel-articles-hero-inner {\n        padding: 70px 28px 110px;\n    }\n\n    .aqel-articles-content {\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .aqel-articles-kicker::after {\n        display: none;\n    }\n\n    .aqel-articles-content h1 {\n        font-size: 42px;\n    }\n\n    .aqel-articles-content p {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .aqel-articles-stats {\n        justify-content: center;\n    }\n\n    .aqel-articles-search {\n        width: calc(100% - 56px);\n        grid-template-columns: 64px 1fr;\n        height: auto;\n        bottom: 22px;\n    }\n\n    .aqel-articles-search input {\n        height: 64px;\n    }\n\n    .aqel-articles-search select {\n        grid-column: 1 \/ -1;\n        height: 56px;\n        border-right: none;\n        border-top: 1px solid rgba(54,67,94,.12);\n    }\n\n    .aqel-library-body {\n        grid-template-columns: 1fr;\n    }\n\n    .aqel-articles-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .aqel-articles-contact-box {\n        grid-template-columns: 1fr;\n        text-align: center;\n        padding: 40px 30px;\n        gap: 24px;\n    }\n\n    .aqel-contact-content,\n    .aqel-contact-form-wrap {\n        text-align: center;\n    }\n\n    .aqel-contact-content p {\n        margin: 0 auto;\n    }\n\n    .aqel-articles-contact-form .aqel-quick-consult-form {\n        max-width: 560px;\n        margin: 0 auto;\n    }\n\n    .aqel-reader-trust-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 34px 0;\n    }\n\n    .aqel-reader-trust-item:nth-child(2),\n    .aqel-reader-trust-item:nth-child(4) {\n        border-left: none;\n    }\n}\n\n@media (max-width: 767px) {\n    .aqel-articles-hero {\n        min-height: 660px;\n        background-position: 34% center;\n    }\n\n    .aqel-articles-hero-inner {\n        min-height: 660px;\n        padding: 58px 20px 120px;\n    }\n\n    .aqel-articles-content h1 {\n        font-size: 32px;\n        line-height: 1.45;\n    }\n\n    .aqel-articles-content p {\n        font-size: 15px;\n    }\n\n    .aqel-articles-stats {\n        gap: 24px;\n        flex-wrap: wrap;\n    }\n\n    .aqel-articles-search {\n        width: calc(100% - 34px);\n        grid-template-columns: 58px 1fr;\n        bottom: 24px;\n    }\n\n    .aqel-articles-search input,\n    .aqel-articles-search select {\n        font-size: 13px;\n        padding: 0 14px;\n    }\n\n    .aqel-legal-library {\n        padding: 54px 20px 58px;\n    }\n\n    .aqel-library-head h2 {\n        font-size: 25px;\n    }\n\n    .aqel-library-head span::before,\n    .aqel-library-head span::after {\n        display: none;\n    }\n\n    .aqel-library-tabs {\n        gap: 10px;\n    }\n\n    .aqel-library-tabs button {\n        min-width: calc(50% - 5px);\n        padding: 12px 10px;\n        font-size: 12px;\n    }\n\n    .aqel-articles-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .aqel-reading-item {\n        grid-template-columns: 64px 1fr 30px;\n    }\n\n    .aqel-reading-item img {\n        width: 64px;\n        height: 58px;\n    }\n\n    .aqel-articles-contact-block {\n        padding: 44px 20px 50px;\n    }\n\n    .aqel-articles-contact-box {\n        padding: 32px 22px;\n    }\n\n    .aqel-contact-icon {\n        width: 82px;\n        height: 82px;\n        font-size: 38px;\n    }\n\n    .aqel-contact-content h2 {\n        font-size: 27px;\n    }\n\n    .aqel-contact-content p {\n        font-size: 14.5px;\n    }\n\n    .aqel-articles-contact-form .aqel-quick-consult-form {\n        grid-template-columns: 1fr;\n    }\n\n    .aqel-articles-contact-form input[type=\"submit\"],\n    .aqel-articles-contact-form .aqel-consult-btn {\n        width: 100%;\n    }\n\n    .aqel-reader-trust h3 {\n        font-size: 23px;\n    }\n\n    .aqel-reader-trust-grid {\n        grid-template-columns: 1fr;\n        gap: 28px;\n    }\n\n    .aqel-reader-trust-item {\n        border-left: none;\n        padding: 0;\n    }\n}\n\/* =========================================================\n   AQEL Articles - Final Refinements\n   Dropdown arrow + premium SVG icons\n========================================================= *\/\n\n\/* Hero search select wrapper *\/\n.aqel-articles-search .aqel-select-wrap {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: #FFFFFF;\n    border-right: 1px solid rgba(54,67,94,.12);\n}\n\n.aqel-articles-search .aqel-select-wrap select {\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    border: none !important;\n    outline: none;\n    background: transparent;\n    color: #36435E;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 800;\n    padding: 0 22px 0 48px;\n}\n\n.aqel-select-arrow {\n    position: absolute;\n    left: 20px;\n    top: 50%;\n    width: 18px;\n    height: 18px;\n    transform: translateY(-50%);\n    pointer-events: none;\n    color: #36435E;\n    opacity: .8;\n    transition: all .25s ease;\n}\n\n.aqel-select-arrow svg {\n    width: 18px;\n    height: 18px;\n    display: block;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.aqel-select-wrap:hover .aqel-select-arrow {\n    color: #B8A17A;\n    transform: translateY(-50%) translateY(2px);\n}\n\n\/* Contact phone icon as SVG *\/\n.aqel-contact-icon svg {\n    width: 44px;\n    height: 44px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Trust icons - premium unified SVG style *\/\n.aqel-reader-icon {\n    width: 52px !important;\n    height: 52px !important;\n    margin: 0 auto 16px !important;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    border-radius: 16px;\n    background: rgba(54,67,94,.055);\n    color: #36435E !important;\n    font-size: 0 !important;\n    line-height: 1 !important;\n    transition: all .25s ease;\n}\n\n.aqel-reader-icon svg {\n    width: 29px;\n    height: 29px;\n    display: block;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.85;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.aqel-reader-trust-item {\n    transition: all .25s ease;\n}\n\n.aqel-reader-trust-item:hover .aqel-reader-icon {\n    background: #36435E;\n    color: #FFFFFF !important;\n    transform: translateY(-4px);\n    box-shadow: 0 12px 28px rgba(54,67,94,.16);\n}\n\n.aqel-reader-trust-item:hover h4 {\n    color: #36435E;\n}\n\n\/* Improve trust section spacing and readability *\/\n.aqel-reader-trust h3 {\n    letter-spacing: -.2px;\n}\n\n.aqel-reader-trust-item p {\n    color: #5D5E68;\n    max-width: 175px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* Tablet *\/\n@media (max-width: 991px) {\n    .aqel-articles-search .aqel-select-wrap {\n        grid-column: 1 \/ -1;\n        height: 56px;\n        border-right: none;\n        border-top: 1px solid rgba(54,67,94,.12);\n    }\n\n    .aqel-articles-search .aqel-select-wrap select {\n        height: 56px;\n        text-align: center;\n        padding: 0 22px 0 48px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n    .aqel-select-arrow {\n        left: 16px;\n    }\n\n    .aqel-articles-search .aqel-select-wrap select {\n        font-size: 13px;\n        padding-right: 16px;\n        padding-left: 42px;\n    }\n\n    .aqel-reader-icon {\n        width: 48px !important;\n        height: 48px !important;\n        margin-bottom: 13px !important;\n    }\n\n    .aqel-reader-icon svg {\n        width: 27px;\n        height: 27px;\n    }\n}\n<\/style>\n\n<section class=\"aqel-articles-hero\" dir=\"rtl\">\n    <div class=\"aqel-articles-hero-overlay\"><\/div>\n    <div class=\"aqel-articles-curve\"><\/div>\n\n    <div class=\"aqel-articles-hero-inner\">\n        <div class=\"aqel-articles-content\">\n            <span class=\"aqel-articles-kicker\">\u0645\u0642\u0627\u0644\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/span>\n\n            <h1>\n                \u0645\u0639\u0631\u0641\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u0645\u0643\u0651\u0646 \u0642\u0631\u0627\u0631\u0627\u062a\u0643<br>\n                \u0645\u0646 \u0645\u0635\u0627\u062f\u0631 \u0645\u0648\u062b\u0648\u0642\u0629\n            <\/h1>\n\n            <p>\n                \u0646\u0642\u062f\u0645 \u0644\u0643 \u0645\u062d\u062a\u0648\u0649 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0639\u0645\u0642 \u0648\u0645\u062d\u062f\u062b \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u064a\u063a\u0637\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\n                \u0644\u0623\u062c\u0644 \u0641\u0647\u0645 \u0623\u0639\u0645\u0642 \u0648\u062a\u0637\u0628\u064a\u0642 \u0623\u062f\u0642.\n            <\/p>\n\n            <div class=\"aqel-articles-stats\">\n                <div>\n                    <strong>14<\/strong>\n                    <span>\u062a\u0635\u0646\u064a\u0641 \u0642\u0627\u0646\u0648\u0646\u064a<\/span>\n                <\/div>\n\n                <div>\n                    <strong>1+<\/strong>\n                    <span>\u0643\u0627\u062a\u0628 \u0648\u0645\u062a\u062e\u0635\u0635<\/span>\n                <\/div>\n\n                <div>\n                    <strong>100+<\/strong>\n                    <span>\u0645\u0642\u0627\u0644\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <form class=\"aqel-articles-search\" action=\"https:\/\/aqellaw.com.jo\/\" method=\"get\">\n            <button type=\"submit\" aria-label=\"\u0628\u062d\u062b\">\u2315<\/button>\n\n            <input type=\"search\" name=\"s\" placeholder=\"\u0627\u0628\u062d\u062b \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0627\u0644\u0645\u0648\u0636\u0648\u0639 \u0623\u0648 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629...\">\n\n            <div class=\"aqel-select-wrap\">\n                <select name=\"category_name\" aria-label=\"\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062a\u0635\u0646\u064a\u0641\">\n                    <option value=\"\">\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a<\/option>\n                    <option value=\"contracts-and-agreements\">\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a<\/option>\n                    <option value=\"commercial-law\">\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u064a<\/option>\n                    <option value=\"corporate-law\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/option>\n                    <option value=\"civil-law\">\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u062f\u0646\u064a<\/option>\n                    <option value=\"arbitration-law\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u062d\u0643\u064a\u0645 <\/option>\n                    <option value=\"real-estate-law\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/option>\n                                        <option value=\"criminal-law\">\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0646\u0627\u0626\u064a<\/option>\n                    <option value=\"enforcement-law\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\n                    <option value=\"labor-law\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644<\/option>\n                    <option value=\"intellectual-property\">\u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0641\u0643\u0631\u064a\u0629<\/option>\n                    <option value=\"cybercrime-law\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0631\u0627\u0626\u0645 \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/option>\n                    <option value=\"investment-law\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/option>\n                    <option value=\"compliance-and-corporate-governance\">\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/option>\n                    <option value=\"income-tax-law\">\u0642\u0627\u0646\u0648\u0646 \u0636\u0631\u064a\u0628\u0629 \u0627\u0644\u062f\u062e\u0644<\/option>\n                <\/select>\n\n                <span class=\"aqel-select-arrow\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M6 9l6 6 6-6\"><\/path>\n                    <\/svg>\n                <\/span>\n            <\/div>\n\n            <input type=\"hidden\" name=\"post_type\" value=\"post\">\n        <\/form>\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-wd-section wd-6d7a72be\">\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   AQEL LEGAL - Articles Page Final CSS\n   Clean unified CSS for Hero + Library + Contact sections\n========================================================= *\/\n\n.aqel-articles-hero,\n.aqel-legal-library,\n.aqel-articles-contact-block {\n    direction: rtl;\n    width: 100%;\n    max-width: 1120px;\n    margin-left: auto;\n    margin-right: auto;\n    box-sizing: border-box;\n}\n\n.aqel-articles-hero *,\n.aqel-articles-hero *::before,\n.aqel-articles-hero *::after,\n.aqel-legal-library *,\n.aqel-legal-library *::before,\n.aqel-legal-library *::after,\n.aqel-articles-contact-block *,\n.aqel-articles-contact-block *::before,\n.aqel-articles-contact-block *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================\n   1. Hero\n========================= *\/\n\n.aqel-articles-hero {\n    position: relative;\n    min-height: 560px;\n    overflow: hidden !important;\n    background-color: #071220;\n    background-image: url(\"https:\/\/aqellaw.com.jo\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a-\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.png\");\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    color: #FFFFFF;\n    margin-bottom: 24px;\n}\n\n.aqel-articles-hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        90deg,\n        rgba(7,18,32,.14) 0%,\n        rgba(7,18,32,.34) 42%,\n        rgba(7,18,32,.86) 100%\n    );\n    z-index: 1;\n}\n\n.aqel-articles-curve {\n    position: absolute;\n    left: -5%;\n    right: -5%;\n    bottom: -42px;\n    height: 120px;\n    background: #FFFFFF;\n    z-index: 2;\n    border-radius: 50% 50% 0 0 \/ 55% 55% 0 0;\n}\n\n.aqel-articles-hero-inner {\n    position: relative;\n    z-index: 3;\n    max-width: 1180px;\n    min-height: 560px;\n    margin: 0 auto;\n    padding: 78px 34px 96px;\n}\n\n.aqel-articles-content {\n    width: 100%;\n    max-width: 610px;\n    margin-right: 0;\n    margin-left: auto;\n    text-align: right;\n}\n\n.aqel-articles-kicker {\n    display: inline-block;\n    color: #B8A17A;\n    font-size: 15px;\n    font-weight: 900;\n    margin-bottom: 16px;\n}\n\n.aqel-articles-kicker::after {\n    content: \"\";\n    display: inline-block;\n    width: 44px;\n    height: 2px;\n    background: #B8A17A;\n    margin-right: 12px;\n    vertical-align: middle;\n}\n\n.aqel-articles-content h1 {\n    color: #FFFFFF;\n    font-size: 48px;\n    font-weight: 900;\n    line-height: 1.35;\n    margin: 0 0 24px;\n    text-shadow: 0 10px 28px rgba(0,0,0,.35);\n}\n\n.aqel-articles-content p {\n    color: rgba(255,255,255,.84);\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 2;\n    margin: 0 0 30px;\n    max-width: 590px;\n}\n\n.aqel-articles-stats {\n    display: flex;\n    gap: 44px;\n    align-items: center;\n    justify-content: flex-start;\n}\n\n.aqel-articles-stats div {\n    text-align: center;\n    min-width: 86px;\n}\n\n.aqel-articles-stats strong {\n    display: block;\n    color: #B8A17A;\n    font-size: 29px;\n    font-weight: 900;\n    line-height: 1;\n    margin-bottom: 9px;\n}\n\n.aqel-articles-stats span {\n    display: block;\n    color: rgba(255,255,255,.76);\n    font-size: 13.5px;\n    font-weight: 700;\n}\n\n.aqel-articles-search {\n    position: absolute;\n    left: 50%;\n    bottom: 24px;\n    transform: translateX(-50%);\n    z-index: 8;\n    width: calc(100% - 160px);\n    max-width: 900px;\n    height: 68px;\n    display: grid;\n    grid-template-columns: 72px 1fr 220px;\n    background: #FFFFFF;\n    border: 1px solid rgba(54,67,94,.16);\n    box-shadow: 0 22px 50px rgba(7,18,32,.24);\n    overflow: hidden;\n    border-radius: 7px;\n}\n\n.aqel-articles-search button {\n    border: none;\n    outline: none;\n    background: #B8A17A;\n    color: #FFFFFF;\n    font-size: 28px;\n    font-weight: 900;\n    cursor: pointer;\n    transition: all .25s ease;\n}\n\n.aqel-articles-search button:hover {\n    background: #36435E;\n}\n\n.aqel-articles-search input,\n.aqel-articles-search select {\n    border: none;\n    outline: none;\n    height: 68px;\n    font-size: 14px;\n    font-weight: 700;\n    color: #5D5E68;\n    background: #FFFFFF;\n}\n\n.aqel-articles-search input {\n    padding: 0 26px;\n}\n\n.aqel-articles-search select {\n    padding: 0 20px;\n    border-right: 1px solid rgba(54,67,94,.12);\n    color: #36435E;\n    cursor: pointer;\n}\n\n\/* =========================\n   2. Interactive Library\n========================= *\/\n\n.aqel-legal-library {\n    background:\n        radial-gradient(circle at 18% 12%, rgba(77,207,255,.08), transparent 28%),\n        linear-gradient(180deg, #071220 0%, #081321 100%);\n    color: #FFFFFF;\n    padding: 58px 30px 62px;\n    overflow: hidden;\n    margin-bottom: 34px;\n}\n\n.aqel-library-head {\n    max-width: 980px;\n    margin: 0 auto 28px;\n    text-align: center;\n}\n\n.aqel-library-head span {\n    display: inline-block;\n    color: #B8A17A;\n    font-size: 14px;\n    font-weight: 900;\n    margin-bottom: 12px;\n}\n\n.aqel-library-head span::before,\n.aqel-library-head span::after {\n    content: \"\";\n    display: inline-block;\n    width: 38px;\n    height: 2px;\n    background: #B8A17A;\n    margin: 0 10px;\n    vertical-align: middle;\n}\n\n.aqel-library-head h2 {\n    color: #FFFFFF;\n    font-size: 30px;\n    font-weight: 900;\n    line-height: 1.45;\n    margin: 0;\n}\n\n.aqel-library-tabs {\n    max-width: 1120px;\n    margin: 0 auto 34px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    overflow: visible;\n}\n\n.aqel-library-tabs button {\n    border: 1px solid rgba(255,255,255,.12);\n    background: rgba(255,255,255,.045);\n    color: rgba(255,255,255,.82);\n    padding: 12px 14px;\n    min-width: 118px;\n    min-height: 64px;\n    font-size: 12.5px;\n    font-weight: 900;\n    cursor: pointer;\n    transition: all .25s ease;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n}\n\n.aqel-tab-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    color: #B8A17A;\n    font-size: 22px;\n    line-height: 1;\n}\n\n.aqel-library-tabs button:hover,\n.aqel-library-tabs button.active {\n    background: #B8A17A;\n    border-color: #B8A17A;\n    color: #071220;\n    transform: translateY(-3px);\n    box-shadow: 0 14px 32px rgba(0,0,0,.22);\n}\n\n.aqel-library-tabs button:hover .aqel-tab-icon,\n.aqel-library-tabs button.active .aqel-tab-icon {\n    color: #071220;\n}\n\n.aqel-library-body {\n    max-width: 1120px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 28px;\n    align-items: start;\n}\n\n.aqel-featured-area,\n.aqel-reading-panel {\n    min-width: 0;\n}\n\n.aqel-section-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 22px;\n}\n\n.aqel-section-title span {\n    display: block;\n    width: 36px;\n    height: 2px;\n    background: #B8A17A;\n}\n\n.aqel-section-title h3 {\n    color: #FFFFFF;\n    font-size: 23px;\n    font-weight: 900;\n    margin: 0;\n}\n\n.aqel-articles-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n.aqel-article-card {\n    position: relative;\n    min-height: 380px;\n    overflow: hidden;\n    background: rgba(255,255,255,.045);\n    border: 1px solid rgba(255,255,255,.09);\n    box-shadow: 0 18px 45px rgba(0,0,0,.22);\n    transition: all .25s ease;\n}\n\n.aqel-article-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(184,161,122,.58);\n    box-shadow: 0 22px 55px rgba(0,0,0,.30);\n}\n\n.aqel-article-card > a {\n    display: block;\n    text-decoration: none;\n}\n\n.aqel-article-card img {\n    width: 100%;\n    height: 190px;\n    object-fit: cover;\n    display: block;\n    filter: brightness(.78) saturate(.95);\n    transition: all .35s ease;\n}\n\n.aqel-article-card:hover img {\n    filter: brightness(.88) saturate(1.05);\n    transform: scale(1.035);\n}\n\n.aqel-article-card-content {\n    padding: 20px 20px 18px;\n}\n\n.aqel-article-cat {\n    display: inline-block;\n    background: rgba(54,67,94,.88);\n    color: #FFFFFF;\n    font-size: 12px;\n    font-weight: 900;\n    padding: 6px 12px;\n    margin-bottom: 13px;\n}\n\n.aqel-article-card h4 {\n    color: #FFFFFF;\n    font-size: 17px;\n    font-weight: 900;\n    line-height: 1.75;\n    margin: 0 0 12px;\n}\n\n.aqel-article-card h4 a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.aqel-article-card h4 a:hover {\n    color: #B8A17A;\n}\n\n.aqel-article-card p {\n    color: rgba(255,255,255,.68);\n    font-size: 13.5px;\n    line-height: 1.9;\n    margin: 0 0 16px;\n}\n\n.aqel-article-meta {\n    display: flex;\n    justify-content: space-between;\n    gap: 10px;\n    color: rgba(255,255,255,.55);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.aqel-reading-panel {\n    background: linear-gradient(180deg, rgba(54,67,94,.28), rgba(54,67,94,.08));\n    border: 1px solid rgba(255,255,255,.10);\n    padding: 26px 22px;\n    box-shadow: 0 18px 45px rgba(0,0,0,.18);\n}\n\n.aqel-reading-list {\n    display: grid;\n    gap: 16px;\n}\n\n.aqel-reading-item {\n    display: grid;\n    grid-template-columns: 70px 1fr 32px;\n    gap: 13px;\n    align-items: center;\n    padding-bottom: 16px;\n    border-bottom: 1px solid rgba(255,255,255,.10);\n}\n\n.aqel-reading-item:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n}\n\n.aqel-reading-item img {\n    width: 70px;\n    height: 62px;\n    object-fit: cover;\n    border-radius: 4px;\n    filter: brightness(.84);\n}\n\n.aqel-reading-info h4 {\n    color: #FFFFFF;\n    font-size: 13.5px;\n    font-weight: 900;\n    line-height: 1.7;\n    margin: 0 0 6px;\n}\n\n.aqel-reading-info h4 a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.aqel-reading-info h4 a:hover {\n    color: #B8A17A;\n}\n\n.aqel-reading-info span {\n    color: rgba(255,255,255,.55);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.aqel-reading-num {\n    color: rgba(184,161,122,.82);\n    font-size: 23px;\n    font-weight: 900;\n    text-align: left;\n}\n\n.aqel-loading,\n.aqel-empty,\n.aqel-error {\n    grid-column: 1 \/ -1;\n    color: rgba(255,255,255,.75);\n    background: rgba(255,255,255,.055);\n    border: 1px solid rgba(255,255,255,.09);\n    padding: 22px;\n    text-align: center;\n    font-weight: 800;\n}\n\n\/* =========================\n   3. Contact + Trust\n========================= *\/\n\n.aqel-articles-contact-block {\n    padding: 40px 30px 54px;\n}\n\n.aqel-articles-contact-box {\n    position: relative;\n    overflow: hidden;\n    min-height: 180px;\n    background:\n        radial-gradient(circle at 12% 50%, rgba(77,207,255,.10), transparent 28%),\n        linear-gradient(135deg, #071220 0%, #0A1830 52%, #10233F 100%);\n    border: 1px solid rgba(255,255,255,.10);\n    box-shadow: 0 22px 55px rgba(7,18,32,.18);\n    padding: 34px 42px;\n    display: grid;\n    grid-template-columns: 105px 1fr 360px;\n    gap: 28px;\n    align-items: center;\n}\n\n.aqel-articles-contact-box::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, transparent 0%, rgba(184,161,122,.08) 100%);\n    pointer-events: none;\n}\n\n.aqel-contact-icon {\n    position: relative;\n    z-index: 2;\n    width: 88px;\n    height: 88px;\n    border-radius: 50%;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.08);\n    color: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 42px;\n    line-height: 1;\n    margin: 0 auto;\n    box-shadow: inset 0 0 0 1px rgba(184,161,122,.12);\n}\n\n.aqel-contact-content {\n    position: relative;\n    z-index: 2;\n    text-align: right;\n}\n\n.aqel-contact-content span {\n    display: inline-block;\n    color: #B8A17A;\n    font-size: 14px;\n    font-weight: 900;\n    margin-bottom: 10px;\n}\n\n.aqel-contact-content h2 {\n    color: #FFFFFF;\n    font-size: 30px;\n    font-weight: 900;\n    line-height: 1.4;\n    margin: 0 0 10px;\n}\n\n.aqel-contact-content p {\n    color: rgba(255,255,255,.78);\n    font-size: 14.5px;\n    font-weight: 600;\n    line-height: 1.9;\n    margin: 0;\n    max-width: 560px;\n}\n\n.aqel-contact-form-wrap {\n    position: relative;\n    z-index: 2;\n    text-align: right;\n}\n\n.aqel-form-label {\n    color: rgba(255,255,255,.76);\n    font-size: 13px;\n    font-weight: 800;\n    margin-bottom: 12px;\n}\n\n.aqel-articles-contact-form .wpcf7,\n.aqel-articles-contact-form .wpcf7 form,\n.aqel-articles-contact-form .wpcf7 p {\n    margin: 0;\n}\n\n.aqel-articles-contact-form .wpcf7 br {\n    display: none;\n}\n\n.aqel-articles-contact-form .aqel-quick-consult-form {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 10px;\n    align-items: center;\n}\n\n.aqel-articles-contact-form .wd-col,\n.aqel-articles-contact-form .wd-col-auto {\n    width: auto;\n    padding: 0;\n    margin: 0;\n}\n\n.aqel-articles-contact-form .wpcf7-form-control-wrap {\n    display: block;\n}\n\n.aqel-articles-contact-form input[type=\"tel\"],\n.aqel-articles-contact-form .aqel-phone-field {\n    width: 100%;\n    height: 50px;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.08);\n    color: #FFFFFF;\n    padding: 0 18px;\n    font-size: 14px;\n    font-weight: 700;\n    outline: none;\n    transition: all .25s ease;\n}\n\n.aqel-articles-contact-form input[type=\"tel\"]::placeholder,\n.aqel-articles-contact-form .aqel-phone-field::placeholder {\n    color: rgba(255,255,255,.58);\n}\n\n.aqel-articles-contact-form input[type=\"tel\"]:focus,\n.aqel-articles-contact-form .aqel-phone-field:focus {\n    border-color: #B8A17A;\n    background: rgba(255,255,255,.12);\n}\n\n.aqel-articles-contact-form input[type=\"submit\"],\n.aqel-articles-contact-form .aqel-consult-btn {\n    height: 50px;\n    border: none;\n    background: #B8A17A;\n    color: #071220 !important;\n    padding: 0 24px;\n    font-size: 14px;\n    font-weight: 900;\n    cursor: pointer;\n    transition: all .25s ease;\n    white-space: nowrap;\n}\n\n.aqel-articles-contact-form input[type=\"submit\"]:hover,\n.aqel-articles-contact-form .aqel-consult-btn:hover {\n    background: #FFFFFF;\n    color: #071220 !important;\n    transform: translateY(-2px);\n}\n\n.aqel-articles-contact-form .wpcf7-spinner {\n    margin: 10px 0 0;\n}\n\n.aqel-articles-contact-form .wpcf7-not-valid-tip {\n    color: #F4C7C3;\n    font-size: 12px;\n    margin-top: 7px;\n}\n\n.aqel-articles-contact-form .wpcf7-response-output {\n    color: rgba(255,255,255,.84);\n    border-color: rgba(184,161,122,.55) !important;\n    margin: 14px 0 0 !important;\n    padding: 10px 14px !important;\n    font-size: 13px;\n    font-weight: 700;\n}\n\n.aqel-contact-form-wrap small {\n    display: block;\n    color: rgba(255,255,255,.52);\n    font-size: 12px;\n    line-height: 1.8;\n    margin-top: 12px;\n}\n\n.aqel-reader-trust {\n    padding-top: 38px;\n    text-align: center;\n}\n\n.aqel-reader-trust h3 {\n    color: #272830;\n    font-size: 24px;\n    font-weight: 900;\n    line-height: 1.45;\n    margin: 0 0 28px;\n}\n\n.aqel-reader-trust-grid {\n    max-width: 980px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0;\n}\n\n.aqel-reader-trust-item {\n    padding: 0 20px;\n    border-left: 1px solid rgba(54,67,94,.12);\n}\n\n.aqel-reader-trust-item:last-child {\n    border-left: none;\n}\n\n.aqel-reader-icon {\n    color: #36435E;\n    font-size: 30px;\n    line-height: 1;\n    margin-bottom: 14px;\n    font-weight: 900;\n}\n\n.aqel-reader-trust-item h4 {\n    color: #272830;\n    font-size: 17px;\n    font-weight: 900;\n    margin: 0 0 10px;\n}\n\n.aqel-reader-trust-item p {\n    color: #5D5E68;\n    font-size: 13.5px;\n    font-weight: 600;\n    line-height: 1.85;\n    max-width: 165px;\n    margin: 0 auto;\n}\n\n\/* =========================\n   Responsive\n========================= *\/\n\n@media (max-width: 991px) {\n    .aqel-articles-hero,\n    .aqel-legal-library,\n    .aqel-articles-contact-block {\n        max-width: 100%;\n    }\n\n    .aqel-articles-hero,\n    .aqel-articles-hero-inner {\n        min-height: 570px;\n    }\n\n    .aqel-articles-hero-inner {\n        padding: 70px 28px 110px;\n    }\n\n    .aqel-articles-content {\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .aqel-articles-kicker::after {\n        display: none;\n    }\n\n    .aqel-articles-content h1 {\n        font-size: 42px;\n    }\n\n    .aqel-articles-content p {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .aqel-articles-stats {\n        justify-content: center;\n    }\n\n    .aqel-articles-search {\n        width: calc(100% - 56px);\n        grid-template-columns: 64px 1fr;\n        height: auto;\n        bottom: 22px;\n    }\n\n    .aqel-articles-search input {\n        height: 64px;\n    }\n\n    .aqel-articles-search select {\n        grid-column: 1 \/ -1;\n        height: 56px;\n        border-right: none;\n        border-top: 1px solid rgba(54,67,94,.12);\n    }\n\n    .aqel-library-body {\n        grid-template-columns: 1fr;\n    }\n\n    .aqel-articles-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .aqel-articles-contact-box {\n        grid-template-columns: 1fr;\n        text-align: center;\n        padding: 40px 30px;\n        gap: 24px;\n    }\n\n    .aqel-contact-content,\n    .aqel-contact-form-wrap {\n        text-align: center;\n    }\n\n    .aqel-contact-content p {\n        margin: 0 auto;\n    }\n\n    .aqel-articles-contact-form .aqel-quick-consult-form {\n        max-width: 560px;\n        margin: 0 auto;\n    }\n\n    .aqel-reader-trust-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 34px 0;\n    }\n\n    .aqel-reader-trust-item:nth-child(2),\n    .aqel-reader-trust-item:nth-child(4) {\n        border-left: none;\n    }\n}\n\n@media (max-width: 767px) {\n    .aqel-articles-hero {\n        min-height: 660px;\n        background-position: 34% center;\n    }\n\n    .aqel-articles-hero-inner {\n        min-height: 660px;\n        padding: 58px 20px 120px;\n    }\n\n    .aqel-articles-content h1 {\n        font-size: 32px;\n        line-height: 1.45;\n    }\n\n    .aqel-articles-content p {\n        font-size: 15px;\n    }\n\n    .aqel-articles-stats {\n        gap: 24px;\n        flex-wrap: wrap;\n    }\n\n    .aqel-articles-search {\n        width: calc(100% - 34px);\n        grid-template-columns: 58px 1fr;\n        bottom: 24px;\n    }\n\n    .aqel-articles-search input,\n    .aqel-articles-search select {\n        font-size: 13px;\n        padding: 0 14px;\n    }\n\n    .aqel-legal-library {\n        padding: 54px 20px 58px;\n    }\n\n    .aqel-library-head h2 {\n        font-size: 25px;\n    }\n\n    .aqel-library-head span::before,\n    .aqel-library-head span::after {\n        display: none;\n    }\n\n    .aqel-library-tabs {\n        gap: 10px;\n    }\n\n    .aqel-library-tabs button {\n        min-width: calc(50% - 5px);\n        padding: 12px 10px;\n        font-size: 12px;\n    }\n\n    .aqel-articles-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .aqel-reading-item {\n        grid-template-columns: 64px 1fr 30px;\n    }\n\n    .aqel-reading-item img {\n        width: 64px;\n        height: 58px;\n    }\n\n    .aqel-articles-contact-block {\n        padding: 44px 20px 50px;\n    }\n\n    .aqel-articles-contact-box {\n        padding: 32px 22px;\n    }\n\n    .aqel-contact-icon {\n        width: 82px;\n        height: 82px;\n        font-size: 38px;\n    }\n\n    .aqel-contact-content h2 {\n        font-size: 27px;\n    }\n\n    .aqel-contact-content p {\n        font-size: 14.5px;\n    }\n\n    .aqel-articles-contact-form .aqel-quick-consult-form {\n        grid-template-columns: 1fr;\n    }\n\n    .aqel-articles-contact-form input[type=\"submit\"],\n    .aqel-articles-contact-form .aqel-consult-btn {\n        width: 100%;\n    }\n\n    .aqel-reader-trust h3 {\n        font-size: 23px;\n    }\n\n    .aqel-reader-trust-grid {\n        grid-template-columns: 1fr;\n        gap: 28px;\n    }\n\n    .aqel-reader-trust-item {\n        border-left: none;\n        padding: 0;\n    }\n}\n\/* =========================================================\n   AQEL Articles - Final Refinements\n   Dropdown arrow + premium SVG icons\n========================================================= *\/\n\n\/* Hero search select wrapper *\/\n.aqel-articles-search .aqel-select-wrap {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: #FFFFFF;\n    border-right: 1px solid rgba(54,67,94,.12);\n}\n\n.aqel-articles-search .aqel-select-wrap select {\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    border: none !important;\n    outline: none;\n    background: transparent;\n    color: #36435E;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 800;\n    padding: 0 22px 0 48px;\n}\n\n.aqel-select-arrow {\n    position: absolute;\n    left: 20px;\n    top: 50%;\n    width: 18px;\n    height: 18px;\n    transform: translateY(-50%);\n    pointer-events: none;\n    color: #36435E;\n    opacity: .8;\n    transition: all .25s ease;\n}\n\n.aqel-select-arrow svg {\n    width: 18px;\n    height: 18px;\n    display: block;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.aqel-select-wrap:hover .aqel-select-arrow {\n    color: #B8A17A;\n    transform: translateY(-50%) translateY(2px);\n}\n\n\/* Contact phone icon as SVG *\/\n.aqel-contact-icon svg {\n    width: 44px;\n    height: 44px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Trust icons - premium unified SVG style *\/\n.aqel-reader-icon {\n    width: 52px !important;\n    height: 52px !important;\n    margin: 0 auto 16px !important;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    border-radius: 16px;\n    background: rgba(54,67,94,.055);\n    color: #36435E !important;\n    font-size: 0 !important;\n    line-height: 1 !important;\n    transition: all .25s ease;\n}\n\n.aqel-reader-icon svg {\n    width: 29px;\n    height: 29px;\n    display: block;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.85;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.aqel-reader-trust-item {\n    transition: all .25s ease;\n}\n\n.aqel-reader-trust-item:hover .aqel-reader-icon {\n    background: #36435E;\n    color: #FFFFFF !important;\n    transform: translateY(-4px);\n    box-shadow: 0 12px 28px rgba(54,67,94,.16);\n}\n\n.aqel-reader-trust-item:hover h4 {\n    color: #36435E;\n}\n\n\/* Improve trust section spacing and readability *\/\n.aqel-reader-trust h3 {\n    letter-spacing: -.2px;\n}\n\n.aqel-reader-trust-item p {\n    color: #5D5E68;\n    max-width: 175px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* Tablet *\/\n@media (max-width: 991px) {\n    .aqel-articles-search .aqel-select-wrap {\n        grid-column: 1 \/ -1;\n        height: 56px;\n        border-right: none;\n        border-top: 1px solid rgba(54,67,94,.12);\n    }\n\n    .aqel-articles-search .aqel-select-wrap select {\n        height: 56px;\n        text-align: center;\n        padding: 0 22px 0 48px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n    .aqel-select-arrow {\n        left: 16px;\n    }\n\n    .aqel-articles-search .aqel-select-wrap select {\n        font-size: 13px;\n        padding-right: 16px;\n        padding-left: 42px;\n    }\n\n    .aqel-reader-icon {\n        width: 48px !important;\n        height: 48px !important;\n        margin-bottom: 13px !important;\n    }\n\n    .aqel-reader-icon svg {\n        width: 27px;\n        height: 27px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const siteUrl = \"https:\/\/aqellaw.com.jo\";\n    const postsEndpoint = siteUrl + \"\/wp-json\/wp\/v2\/posts\";\n    const categoriesEndpoint = siteUrl + \"\/wp-json\/wp\/v2\/categories\";\n\n    const grid = document.getElementById(\"aqelArticlesGrid\");\n    const readingList = document.getElementById(\"aqelReadingList\");\n    const tabs = document.querySelectorAll(\"#aqelArticleTabs button\");\n    const title = document.getElementById(\"aqelArticlesTitle\");\n\n    if (!grid || !readingList || !tabs.length || !title) {\n        return;\n    }\n\n    const fallbackImage = \"https:\/\/aqellaw.com.jo\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a-\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.png\";\n\n    const categoryNames = {\n        \"\": \"\u0645\u0642\u0627\u0644\u0627\u062a \u0645\u0645\u064a\u0632\u0629\",\n        \"contracts-law\": \"\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\",\n        \"commercial-law\": \"\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\",\n        \"companies-law\": \"\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\",\n        \"civil-law\": \"\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u062f\u0646\u064a\",\n        \"arbitration-law\": \"\u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0648\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a\",\n        \"real-estate-law\": \"\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\",\n        \"family-law\": \"\u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629\",\n        \"criminal-law\": \"\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0632\u0627\u0626\u064a\",\n        \"cyber-law\": \"\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u062c\u0631\u0627\u0626\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\"\n    };\n\n    const categoryCache = {};\n\n    function stripHtml(html) {\n        const div = document.createElement(\"div\");\n        div.innerHTML = html || \"\";\n        return div.textContent || div.innerText || \"\";\n    }\n\n    function limitText(text, max) {\n        text = text || \"\";\n        return text.length > max ? text.substring(0, max).trim() + \"...\" : text;\n    }\n\n    function formatDate(dateString) {\n        const date = new Date(dateString);\n        return date.toLocaleDateString(\"ar-JO\", {\n            year: \"numeric\",\n            month: \"long\",\n            day: \"numeric\"\n        });\n    }\n\n    function getFeaturedImage(post) {\n        try {\n            return post._embedded[\"wp:featuredmedia\"][0].source_url || fallbackImage;\n        } catch (e) {\n            return fallbackImage;\n        }\n    }\n\n    function getCategoryName(post) {\n        try {\n            const terms = post._embedded[\"wp:term\"][0];\n            return terms && terms.length ? terms[0].name : \"\u0645\u0642\u0627\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\";\n        } catch (e) {\n            return \"\u0645\u0642\u0627\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\";\n        }\n    }\n\n    async function getCategoryIdBySlug(slug) {\n        if (!slug) return null;\n        if (categoryCache[slug]) return categoryCache[slug];\n\n        const response = await fetch(categoriesEndpoint + \"?slug=\" + encodeURIComponent(slug));\n        const categories = await response.json();\n\n        if (categories && categories.length) {\n            categoryCache[slug] = categories[0].id;\n            return categories[0].id;\n        }\n\n        return null;\n    }\n\n    async function fetchPosts(slug = \"\", perPage = 3) {\n        let url = postsEndpoint + \"?_embed=1&per_page=\" + perPage + \"&orderby=date&order=desc\";\n\n        if (slug) {\n            const categoryId = await getCategoryIdBySlug(slug);\n            if (!categoryId) return [];\n            url += \"&categories=\" + categoryId;\n        }\n\n        const response = await fetch(url);\n\n        if (!response.ok) {\n            throw new Error(\"Failed to fetch posts\");\n        }\n\n        return response.json();\n    }\n\n    function renderCards(posts) {\n        if (!posts.length) {\n            grid.innerHTML = '<div class=\"aqel-empty\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0642\u0627\u0644\u0627\u062a \u0645\u0646\u0634\u0648\u0631\u0629 \u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u062d\u0627\u0644\u064a\u0627\u064b.<\/div>';\n            return;\n        }\n\n        grid.innerHTML = posts.map(function (post) {\n            const image = getFeaturedImage(post);\n            const cat = getCategoryName(post);\n            const postTitle = stripHtml(post.title.rendered);\n            const excerpt = limitText(stripHtml(post.excerpt.rendered), 95);\n            const date = formatDate(post.date);\n\n            return `\n                <article class=\"aqel-article-card\">\n                    <a href=\"${post.link}\" aria-label=\"${postTitle}\">\n                        <img decoding=\"async\" src=\"${image}\" alt=\"${postTitle}\" loading=\"lazy\">\n                    <\/a>\n\n                    <div class=\"aqel-article-card-content\">\n                        <span class=\"aqel-article-cat\">${cat}<\/span>\n\n                        <h4>\n                            <a href=\"${post.link}\">${postTitle}<\/a>\n                        <\/h4>\n\n                        <p>${excerpt}<\/p>\n\n                        <div class=\"aqel-article-meta\">\n                            <span>${date}<\/span>\n                            <span>\u0642\u0631\u0627\u0621\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/span>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            `;\n        }).join(\"\");\n    }\n\n    function renderReadingList(posts) {\n        if (!posts.length) {\n            readingList.innerHTML = '<div class=\"aqel-empty\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0642\u0627\u0644\u0627\u062a \u0644\u0644\u0639\u0631\u0636 \u062d\u0627\u0644\u064a\u0627\u064b.<\/div>';\n            return;\n        }\n\n        readingList.innerHTML = posts.map(function (post, index) {\n            const image = getFeaturedImage(post);\n            const postTitle = stripHtml(post.title.rendered);\n            const cat = getCategoryName(post);\n\n            return `\n                <article class=\"aqel-reading-item\">\n                    <img decoding=\"async\" src=\"${image}\" alt=\"${postTitle}\" loading=\"lazy\">\n\n                    <div class=\"aqel-reading-info\">\n                        <h4>\n                            <a href=\"${post.link}\">${postTitle}<\/a>\n                        <\/h4>\n                        <span>${cat}<\/span>\n                    <\/div>\n\n                    <div class=\"aqel-reading-num\">${String(index + 1).padStart(2, \"0\")}<\/div>\n                <\/article>\n            `;\n        }).join(\"\");\n    }\n\n    async function loadMainArticles(slug = \"\") {\n        grid.innerHTML = '<div class=\"aqel-loading\">\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a...<\/div>';\n        title.textContent = categoryNames[slug] || \"\u0645\u0642\u0627\u0644\u0627\u062a \u0645\u0645\u064a\u0632\u0629\";\n\n        try {\n            const posts = await fetchPosts(slug, 3);\n            renderCards(posts);\n        } catch (e) {\n            grid.innerHTML = '<div class=\"aqel-error\">\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u062d\u0627\u0644\u064a\u0627\u064b. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0644\u0627\u062d\u0642\u0627\u064b.<\/div>';\n        }\n    }\n\n    async function loadReadingList() {\n        readingList.innerHTML = '<div class=\"aqel-loading\">\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644...<\/div>';\n\n        try {\n            const posts = await fetchPosts(\"\", 4);\n            renderReadingList(posts);\n        } catch (e) {\n            readingList.innerHTML = '<div class=\"aqel-error\">\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0645\u062e\u062a\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629.<\/div>';\n        }\n    }\n\n    tabs.forEach(function (button) {\n        button.addEventListener(\"click\", function () {\n            tabs.forEach(function (btn) {\n                btn.classList.remove(\"active\");\n            });\n\n            button.classList.add(\"active\");\n            loadMainArticles(button.dataset.slug || \"\");\n        });\n    });\n\n    loadMainArticles(\"\");\n    loadReadingList();\n});\n<\/script>\n\n<section class=\"aqel-legal-library\" dir=\"rtl\">\n    <div class=\"aqel-library-head\">\n        <span>\u062a\u0635\u0641\u062d \u062d\u0633\u0628 \u0627\u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a<\/span>\n        <h2>\u0645\u0643\u062a\u0628\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u0639\u0644\u0648\u0645\u0629 \u0628\u0633\u0631\u0639\u0629<\/h2>\n    <\/div>\n\n    <div class=\"aqel-library-tabs\" id=\"aqelArticleTabs\">\n        <button class=\"active\" data-slug=\"\">\n            <span class=\"aqel-tab-icon\">\u25a6<\/span>\n            \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a\n        <\/button>\n\n        <button data-slug=\"contracts-and-agreements\">\n            <span class=\"aqel-tab-icon\">\u25a4<\/span>\n            \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\n        <\/button>\n\n        <button data-slug=\"commercial-law\">\n            <span class=\"aqel-tab-icon\">\u25a7<\/span>\n            \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\n        <\/button>\n\n        <!-- \u062a\u0645 \u062a\u062d\u062f\u064a\u062b\u0647 \u0644\u064a\u0637\u0627\u0628\u0642 \u0643\u0648\u062f \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u062a\u0645\u0627\u0645\u0627\u064b \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0640 SEO -->\n        <button data-slug=\"corporate-and-investment-law\">\n            <span class=\"aqel-tab-icon\">\u25a5<\/span>\n            \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\n        <\/button>\n\n        <button data-slug=\"civil-law\">\n            <span class=\"aqel-tab-icon\">\u25eb<\/span>\n            \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u062f\u0646\u064a\n        <\/button>\n\n        <button data-slug=\"arbitration-law\">\n            <span class=\"aqel-tab-icon\">\u2696<\/span>\n            \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u062d\u0643\u064a\u0645 \n        <\/button>\n\n        <button data-slug=\"real-estate-law\">\n            <span class=\"aqel-tab-icon\">\u2302<\/span>\n            \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\n        <\/button>\n\n        <button data-slug=\"labor-law\">\n            <span class=\"aqel-tab-icon\">\u25c7<\/span>\n            \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644\n        <\/button>\n\n        <button data-slug=\"criminal-law\">\n            <span class=\"aqel-tab-icon\">\u00a7<\/span>\n            \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0646\u0627\u0626\u064a\n        <\/button>\n\n        <button data-slug=\"cybercrime-law\">\n            <span class=\"aqel-tab-icon\">\u25ce<\/span>\n            \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0631\u0627\u0626\u0645 \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\n        <\/button>\n\n        <!-- \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0641\u0647\u0631\u0633\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0648\u0627\u0644\u062a\u0637\u0627\u0628\u0642 \u0645\u0639 \u0627\u0644\u0640 Hero -->\n        <button data-slug=\"enforcement-law\">\n            <span class=\"aqel-tab-icon\">\ud83d\udccb<\/span>\n            \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n        <\/button>\n\n        <button data-slug=\"intellectual-property\">\n            <span class=\"aqel-tab-icon\">\ud83d\udca1<\/span>\n            \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0641\u0643\u0631\u064a\u0629\n        <\/button>\n\n        <button data-slug=\"compliance-and-corporate-governance\">\n            <span class=\"aqel-tab-icon\">\ud83d\udee1\ufe0f<\/span>\n            \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\n        <\/button>\n\n        <button data-slug=\"income-tax-law\">\n            <span class=\"aqel-tab-icon\">\ud83d\udcb5<\/span>\n            \u0642\u0627\u0646\u0648\u0646 \u0636\u0631\u064a\u0628\u0629 \u0627\u0644\u062f\u062e\u0644\n        <\/button>\n    <\/div>\n\n    <div class=\"aqel-library-body\">\n        <main class=\"aqel-featured-area\">\n            <div class=\"aqel-section-title\">\n                <span><\/span>\n                <h3 id=\"aqelArticlesTitle\">\u0645\u0642\u0627\u0644\u0627\u062a \u0645\u0645\u064a\u0632\u0629<\/h3>\n            <\/div>\n\n            <div class=\"aqel-articles-grid\" id=\"aqelArticlesGrid\">\n                <div class=\"aqel-loading\">\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a&#8230;<\/div>\n            <\/div>\n        <\/main>\n\n        <aside class=\"aqel-reading-panel\">\n            <div class=\"aqel-section-title\">\n                <span><\/span>\n                <h3>\u0645\u062e\u062a\u0627\u0631\u0627\u062a \u0644\u0644\u0642\u0631\u0627\u0621\u0629<\/h3>\n            <\/div>\n\n            <div class=\"aqel-reading-list\" id=\"aqelReadingList\">\n                <div class=\"aqel-loading\">\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644&#8230;<\/div>\n            <\/div>\n        <\/aside>\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-wd-section wd-f4c3c6f3\">\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   AQEL LEGAL - Articles Page Final CSS\n   Clean unified CSS for Hero + Library + Contact sections\n========================================================= *\/\n\n.aqel-articles-hero,\n.aqel-legal-library,\n.aqel-articles-contact-block {\n    direction: rtl;\n    width: 100%;\n    max-width: 1120px;\n    margin-left: auto;\n    margin-right: auto;\n    box-sizing: border-box;\n}\n\n.aqel-articles-hero *,\n.aqel-articles-hero *::before,\n.aqel-articles-hero *::after,\n.aqel-legal-library *,\n.aqel-legal-library *::before,\n.aqel-legal-library *::after,\n.aqel-articles-contact-block *,\n.aqel-articles-contact-block *::before,\n.aqel-articles-contact-block *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================\n   1. Hero\n========================= *\/\n\n.aqel-articles-hero {\n    position: relative;\n    min-height: 560px;\n    overflow: hidden !important;\n    background-color: #071220;\n    background-image: url(\"https:\/\/aqellaw.com.jo\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a-\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.png\");\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    color: #FFFFFF;\n    margin-bottom: 24px;\n}\n\n.aqel-articles-hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        90deg,\n        rgba(7,18,32,.14) 0%,\n        rgba(7,18,32,.34) 42%,\n        rgba(7,18,32,.86) 100%\n    );\n    z-index: 1;\n}\n\n.aqel-articles-curve {\n    position: absolute;\n    left: -5%;\n    right: -5%;\n    bottom: -42px;\n    height: 120px;\n    background: #FFFFFF;\n    z-index: 2;\n    border-radius: 50% 50% 0 0 \/ 55% 55% 0 0;\n}\n\n.aqel-articles-hero-inner {\n    position: relative;\n    z-index: 3;\n    max-width: 1180px;\n    min-height: 560px;\n    margin: 0 auto;\n    padding: 78px 34px 96px;\n}\n\n.aqel-articles-content {\n    width: 100%;\n    max-width: 610px;\n    margin-right: 0;\n    margin-left: auto;\n    text-align: right;\n}\n\n.aqel-articles-kicker {\n    display: inline-block;\n    color: #B8A17A;\n    font-size: 15px;\n    font-weight: 900;\n    margin-bottom: 16px;\n}\n\n.aqel-articles-kicker::after {\n    content: \"\";\n    display: inline-block;\n    width: 44px;\n    height: 2px;\n    background: #B8A17A;\n    margin-right: 12px;\n    vertical-align: middle;\n}\n\n.aqel-articles-content h1 {\n    color: #FFFFFF;\n    font-size: 48px;\n    font-weight: 900;\n    line-height: 1.35;\n    margin: 0 0 24px;\n    text-shadow: 0 10px 28px rgba(0,0,0,.35);\n}\n\n.aqel-articles-content p {\n    color: rgba(255,255,255,.84);\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 2;\n    margin: 0 0 30px;\n    max-width: 590px;\n}\n\n.aqel-articles-stats {\n    display: flex;\n    gap: 44px;\n    align-items: center;\n    justify-content: flex-start;\n}\n\n.aqel-articles-stats div {\n    text-align: center;\n    min-width: 86px;\n}\n\n.aqel-articles-stats strong {\n    display: block;\n    color: #B8A17A;\n    font-size: 29px;\n    font-weight: 900;\n    line-height: 1;\n    margin-bottom: 9px;\n}\n\n.aqel-articles-stats span {\n    display: block;\n    color: rgba(255,255,255,.76);\n    font-size: 13.5px;\n    font-weight: 700;\n}\n\n.aqel-articles-search {\n    position: absolute;\n    left: 50%;\n    bottom: 24px;\n    transform: translateX(-50%);\n    z-index: 8;\n    width: calc(100% - 160px);\n    max-width: 900px;\n    height: 68px;\n    display: grid;\n    grid-template-columns: 72px 1fr 220px;\n    background: #FFFFFF;\n    border: 1px solid rgba(54,67,94,.16);\n    box-shadow: 0 22px 50px rgba(7,18,32,.24);\n    overflow: hidden;\n    border-radius: 7px;\n}\n\n.aqel-articles-search button {\n    border: none;\n    outline: none;\n    background: #B8A17A;\n    color: #FFFFFF;\n    font-size: 28px;\n    font-weight: 900;\n    cursor: pointer;\n    transition: all .25s ease;\n}\n\n.aqel-articles-search button:hover {\n    background: #36435E;\n}\n\n.aqel-articles-search input,\n.aqel-articles-search select {\n    border: none;\n    outline: none;\n    height: 68px;\n    font-size: 14px;\n    font-weight: 700;\n    color: #5D5E68;\n    background: #FFFFFF;\n}\n\n.aqel-articles-search input {\n    padding: 0 26px;\n}\n\n.aqel-articles-search select {\n    padding: 0 20px;\n    border-right: 1px solid rgba(54,67,94,.12);\n    color: #36435E;\n    cursor: pointer;\n}\n\n\/* =========================\n   2. Interactive Library\n========================= *\/\n\n.aqel-legal-library {\n    background:\n        radial-gradient(circle at 18% 12%, rgba(77,207,255,.08), transparent 28%),\n        linear-gradient(180deg, #071220 0%, #081321 100%);\n    color: #FFFFFF;\n    padding: 58px 30px 62px;\n    overflow: hidden;\n    margin-bottom: 34px;\n}\n\n.aqel-library-head {\n    max-width: 980px;\n    margin: 0 auto 28px;\n    text-align: center;\n}\n\n.aqel-library-head span {\n    display: inline-block;\n    color: #B8A17A;\n    font-size: 14px;\n    font-weight: 900;\n    margin-bottom: 12px;\n}\n\n.aqel-library-head span::before,\n.aqel-library-head span::after {\n    content: \"\";\n    display: inline-block;\n    width: 38px;\n    height: 2px;\n    background: #B8A17A;\n    margin: 0 10px;\n    vertical-align: middle;\n}\n\n.aqel-library-head h2 {\n    color: #FFFFFF;\n    font-size: 30px;\n    font-weight: 900;\n    line-height: 1.45;\n    margin: 0;\n}\n\n.aqel-library-tabs {\n    max-width: 1120px;\n    margin: 0 auto 34px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    overflow: visible;\n}\n\n.aqel-library-tabs button {\n    border: 1px solid rgba(255,255,255,.12);\n    background: rgba(255,255,255,.045);\n    color: rgba(255,255,255,.82);\n    padding: 12px 14px;\n    min-width: 118px;\n    min-height: 64px;\n    font-size: 12.5px;\n    font-weight: 900;\n    cursor: pointer;\n    transition: all .25s ease;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n}\n\n.aqel-tab-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    color: #B8A17A;\n    font-size: 22px;\n    line-height: 1;\n}\n\n.aqel-library-tabs button:hover,\n.aqel-library-tabs button.active {\n    background: #B8A17A;\n    border-color: #B8A17A;\n    color: #071220;\n    transform: translateY(-3px);\n    box-shadow: 0 14px 32px rgba(0,0,0,.22);\n}\n\n.aqel-library-tabs button:hover .aqel-tab-icon,\n.aqel-library-tabs button.active .aqel-tab-icon {\n    color: #071220;\n}\n\n.aqel-library-body {\n    max-width: 1120px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 320px;\n    gap: 28px;\n    align-items: start;\n}\n\n.aqel-featured-area,\n.aqel-reading-panel {\n    min-width: 0;\n}\n\n.aqel-section-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 22px;\n}\n\n.aqel-section-title span {\n    display: block;\n    width: 36px;\n    height: 2px;\n    background: #B8A17A;\n}\n\n.aqel-section-title h3 {\n    color: #FFFFFF;\n    font-size: 23px;\n    font-weight: 900;\n    margin: 0;\n}\n\n.aqel-articles-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n.aqel-article-card {\n    position: relative;\n    min-height: 380px;\n    overflow: hidden;\n    background: rgba(255,255,255,.045);\n    border: 1px solid rgba(255,255,255,.09);\n    box-shadow: 0 18px 45px rgba(0,0,0,.22);\n    transition: all .25s ease;\n}\n\n.aqel-article-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(184,161,122,.58);\n    box-shadow: 0 22px 55px rgba(0,0,0,.30);\n}\n\n.aqel-article-card > a {\n    display: block;\n    text-decoration: none;\n}\n\n.aqel-article-card img {\n    width: 100%;\n    height: 190px;\n    object-fit: cover;\n    display: block;\n    filter: brightness(.78) saturate(.95);\n    transition: all .35s ease;\n}\n\n.aqel-article-card:hover img {\n    filter: brightness(.88) saturate(1.05);\n    transform: scale(1.035);\n}\n\n.aqel-article-card-content {\n    padding: 20px 20px 18px;\n}\n\n.aqel-article-cat {\n    display: inline-block;\n    background: rgba(54,67,94,.88);\n    color: #FFFFFF;\n    font-size: 12px;\n    font-weight: 900;\n    padding: 6px 12px;\n    margin-bottom: 13px;\n}\n\n.aqel-article-card h4 {\n    color: #FFFFFF;\n    font-size: 17px;\n    font-weight: 900;\n    line-height: 1.75;\n    margin: 0 0 12px;\n}\n\n.aqel-article-card h4 a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.aqel-article-card h4 a:hover {\n    color: #B8A17A;\n}\n\n.aqel-article-card p {\n    color: rgba(255,255,255,.68);\n    font-size: 13.5px;\n    line-height: 1.9;\n    margin: 0 0 16px;\n}\n\n.aqel-article-meta {\n    display: flex;\n    justify-content: space-between;\n    gap: 10px;\n    color: rgba(255,255,255,.55);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.aqel-reading-panel {\n    background: linear-gradient(180deg, rgba(54,67,94,.28), rgba(54,67,94,.08));\n    border: 1px solid rgba(255,255,255,.10);\n    padding: 26px 22px;\n    box-shadow: 0 18px 45px rgba(0,0,0,.18);\n}\n\n.aqel-reading-list {\n    display: grid;\n    gap: 16px;\n}\n\n.aqel-reading-item {\n    display: grid;\n    grid-template-columns: 70px 1fr 32px;\n    gap: 13px;\n    align-items: center;\n    padding-bottom: 16px;\n    border-bottom: 1px solid rgba(255,255,255,.10);\n}\n\n.aqel-reading-item:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n}\n\n.aqel-reading-item img {\n    width: 70px;\n    height: 62px;\n    object-fit: cover;\n    border-radius: 4px;\n    filter: brightness(.84);\n}\n\n.aqel-reading-info h4 {\n    color: #FFFFFF;\n    font-size: 13.5px;\n    font-weight: 900;\n    line-height: 1.7;\n    margin: 0 0 6px;\n}\n\n.aqel-reading-info h4 a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.aqel-reading-info h4 a:hover {\n    color: #B8A17A;\n}\n\n.aqel-reading-info span {\n    color: rgba(255,255,255,.55);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.aqel-reading-num {\n    color: rgba(184,161,122,.82);\n    font-size: 23px;\n    font-weight: 900;\n    text-align: left;\n}\n\n.aqel-loading,\n.aqel-empty,\n.aqel-error {\n    grid-column: 1 \/ -1;\n    color: rgba(255,255,255,.75);\n    background: rgba(255,255,255,.055);\n    border: 1px solid rgba(255,255,255,.09);\n    padding: 22px;\n    text-align: center;\n    font-weight: 800;\n}\n\n\/* =========================\n   3. Contact + Trust\n========================= *\/\n\n.aqel-articles-contact-block {\n    padding: 40px 30px 54px;\n}\n\n.aqel-articles-contact-box {\n    position: relative;\n    overflow: hidden;\n    min-height: 180px;\n    background:\n        radial-gradient(circle at 12% 50%, rgba(77,207,255,.10), transparent 28%),\n        linear-gradient(135deg, #071220 0%, #0A1830 52%, #10233F 100%);\n    border: 1px solid rgba(255,255,255,.10);\n    box-shadow: 0 22px 55px rgba(7,18,32,.18);\n    padding: 34px 42px;\n    display: grid;\n    grid-template-columns: 105px 1fr 360px;\n    gap: 28px;\n    align-items: center;\n}\n\n.aqel-articles-contact-box::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, transparent 0%, rgba(184,161,122,.08) 100%);\n    pointer-events: none;\n}\n\n.aqel-contact-icon {\n    position: relative;\n    z-index: 2;\n    width: 88px;\n    height: 88px;\n    border-radius: 50%;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.08);\n    color: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 42px;\n    line-height: 1;\n    margin: 0 auto;\n    box-shadow: inset 0 0 0 1px rgba(184,161,122,.12);\n}\n\n.aqel-contact-content {\n    position: relative;\n    z-index: 2;\n    text-align: right;\n}\n\n.aqel-contact-content span {\n    display: inline-block;\n    color: #B8A17A;\n    font-size: 14px;\n    font-weight: 900;\n    margin-bottom: 10px;\n}\n\n.aqel-contact-content h2 {\n    color: #FFFFFF;\n    font-size: 30px;\n    font-weight: 900;\n    line-height: 1.4;\n    margin: 0 0 10px;\n}\n\n.aqel-contact-content p {\n    color: rgba(255,255,255,.78);\n    font-size: 14.5px;\n    font-weight: 600;\n    line-height: 1.9;\n    margin: 0;\n    max-width: 560px;\n}\n\n.aqel-contact-form-wrap {\n    position: relative;\n    z-index: 2;\n    text-align: right;\n}\n\n.aqel-form-label {\n    color: rgba(255,255,255,.76);\n    font-size: 13px;\n    font-weight: 800;\n    margin-bottom: 12px;\n}\n\n.aqel-articles-contact-form .wpcf7,\n.aqel-articles-contact-form .wpcf7 form,\n.aqel-articles-contact-form .wpcf7 p {\n    margin: 0;\n}\n\n.aqel-articles-contact-form .wpcf7 br {\n    display: none;\n}\n\n.aqel-articles-contact-form .aqel-quick-consult-form {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 10px;\n    align-items: center;\n}\n\n.aqel-articles-contact-form .wd-col,\n.aqel-articles-contact-form .wd-col-auto {\n    width: auto;\n    padding: 0;\n    margin: 0;\n}\n\n.aqel-articles-contact-form .wpcf7-form-control-wrap {\n    display: block;\n}\n\n.aqel-articles-contact-form input[type=\"tel\"],\n.aqel-articles-contact-form .aqel-phone-field {\n    width: 100%;\n    height: 50px;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.08);\n    color: #FFFFFF;\n    padding: 0 18px;\n    font-size: 14px;\n    font-weight: 700;\n    outline: none;\n    transition: all .25s ease;\n}\n\n.aqel-articles-contact-form input[type=\"tel\"]::placeholder,\n.aqel-articles-contact-form .aqel-phone-field::placeholder {\n    color: rgba(255,255,255,.58);\n}\n\n.aqel-articles-contact-form input[type=\"tel\"]:focus,\n.aqel-articles-contact-form .aqel-phone-field:focus {\n    border-color: #B8A17A;\n    background: rgba(255,255,255,.12);\n}\n\n.aqel-articles-contact-form input[type=\"submit\"],\n.aqel-articles-contact-form .aqel-consult-btn {\n    height: 50px;\n    border: none;\n    background: #B8A17A;\n    color: #071220 !important;\n    padding: 0 24px;\n    font-size: 14px;\n    font-weight: 900;\n    cursor: pointer;\n    transition: all .25s ease;\n    white-space: nowrap;\n}\n\n.aqel-articles-contact-form input[type=\"submit\"]:hover,\n.aqel-articles-contact-form .aqel-consult-btn:hover {\n    background: #FFFFFF;\n    color: #071220 !important;\n    transform: translateY(-2px);\n}\n\n.aqel-articles-contact-form .wpcf7-spinner {\n    margin: 10px 0 0;\n}\n\n.aqel-articles-contact-form .wpcf7-not-valid-tip {\n    color: #F4C7C3;\n    font-size: 12px;\n    margin-top: 7px;\n}\n\n.aqel-articles-contact-form .wpcf7-response-output {\n    color: rgba(255,255,255,.84);\n    border-color: rgba(184,161,122,.55) !important;\n    margin: 14px 0 0 !important;\n    padding: 10px 14px !important;\n    font-size: 13px;\n    font-weight: 700;\n}\n\n.aqel-contact-form-wrap small {\n    display: block;\n    color: rgba(255,255,255,.52);\n    font-size: 12px;\n    line-height: 1.8;\n    margin-top: 12px;\n}\n\n.aqel-reader-trust {\n    padding-top: 38px;\n    text-align: center;\n}\n\n.aqel-reader-trust h3 {\n    color: #272830;\n    font-size: 24px;\n    font-weight: 900;\n    line-height: 1.45;\n    margin: 0 0 28px;\n}\n\n.aqel-reader-trust-grid {\n    max-width: 980px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0;\n}\n\n.aqel-reader-trust-item {\n    padding: 0 20px;\n    border-left: 1px solid rgba(54,67,94,.12);\n}\n\n.aqel-reader-trust-item:last-child {\n    border-left: none;\n}\n\n.aqel-reader-icon {\n    color: #36435E;\n    font-size: 30px;\n    line-height: 1;\n    margin-bottom: 14px;\n    font-weight: 900;\n}\n\n.aqel-reader-trust-item h4 {\n    color: #272830;\n    font-size: 17px;\n    font-weight: 900;\n    margin: 0 0 10px;\n}\n\n.aqel-reader-trust-item p {\n    color: #5D5E68;\n    font-size: 13.5px;\n    font-weight: 600;\n    line-height: 1.85;\n    max-width: 165px;\n    margin: 0 auto;\n}\n\n\/* =========================\n   Responsive\n========================= *\/\n\n@media (max-width: 991px) {\n    .aqel-articles-hero,\n    .aqel-legal-library,\n    .aqel-articles-contact-block {\n        max-width: 100%;\n    }\n\n    .aqel-articles-hero,\n    .aqel-articles-hero-inner {\n        min-height: 570px;\n    }\n\n    .aqel-articles-hero-inner {\n        padding: 70px 28px 110px;\n    }\n\n    .aqel-articles-content {\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .aqel-articles-kicker::after {\n        display: none;\n    }\n\n    .aqel-articles-content h1 {\n        font-size: 42px;\n    }\n\n    .aqel-articles-content p {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .aqel-articles-stats {\n        justify-content: center;\n    }\n\n    .aqel-articles-search {\n        width: calc(100% - 56px);\n        grid-template-columns: 64px 1fr;\n        height: auto;\n        bottom: 22px;\n    }\n\n    .aqel-articles-search input {\n        height: 64px;\n    }\n\n    .aqel-articles-search select {\n        grid-column: 1 \/ -1;\n        height: 56px;\n        border-right: none;\n        border-top: 1px solid rgba(54,67,94,.12);\n    }\n\n    .aqel-library-body {\n        grid-template-columns: 1fr;\n    }\n\n    .aqel-articles-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .aqel-articles-contact-box {\n        grid-template-columns: 1fr;\n        text-align: center;\n        padding: 40px 30px;\n        gap: 24px;\n    }\n\n    .aqel-contact-content,\n    .aqel-contact-form-wrap {\n        text-align: center;\n    }\n\n    .aqel-contact-content p {\n        margin: 0 auto;\n    }\n\n    .aqel-articles-contact-form .aqel-quick-consult-form {\n        max-width: 560px;\n        margin: 0 auto;\n    }\n\n    .aqel-reader-trust-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 34px 0;\n    }\n\n    .aqel-reader-trust-item:nth-child(2),\n    .aqel-reader-trust-item:nth-child(4) {\n        border-left: none;\n    }\n}\n\n@media (max-width: 767px) {\n    .aqel-articles-hero {\n        min-height: 660px;\n        background-position: 34% center;\n    }\n\n    .aqel-articles-hero-inner {\n        min-height: 660px;\n        padding: 58px 20px 120px;\n    }\n\n    .aqel-articles-content h1 {\n        font-size: 32px;\n        line-height: 1.45;\n    }\n\n    .aqel-articles-content p {\n        font-size: 15px;\n    }\n\n    .aqel-articles-stats {\n        gap: 24px;\n        flex-wrap: wrap;\n    }\n\n    .aqel-articles-search {\n        width: calc(100% - 34px);\n        grid-template-columns: 58px 1fr;\n        bottom: 24px;\n    }\n\n    .aqel-articles-search input,\n    .aqel-articles-search select {\n        font-size: 13px;\n        padding: 0 14px;\n    }\n\n    .aqel-legal-library {\n        padding: 54px 20px 58px;\n    }\n\n    .aqel-library-head h2 {\n        font-size: 25px;\n    }\n\n    .aqel-library-head span::before,\n    .aqel-library-head span::after {\n        display: none;\n    }\n\n    .aqel-library-tabs {\n        gap: 10px;\n    }\n\n    .aqel-library-tabs button {\n        min-width: calc(50% - 5px);\n        padding: 12px 10px;\n        font-size: 12px;\n    }\n\n    .aqel-articles-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .aqel-reading-item {\n        grid-template-columns: 64px 1fr 30px;\n    }\n\n    .aqel-reading-item img {\n        width: 64px;\n        height: 58px;\n    }\n\n    .aqel-articles-contact-block {\n        padding: 44px 20px 50px;\n    }\n\n    .aqel-articles-contact-box {\n        padding: 32px 22px;\n    }\n\n    .aqel-contact-icon {\n        width: 82px;\n        height: 82px;\n        font-size: 38px;\n    }\n\n    .aqel-contact-content h2 {\n        font-size: 27px;\n    }\n\n    .aqel-contact-content p {\n        font-size: 14.5px;\n    }\n\n    .aqel-articles-contact-form .aqel-quick-consult-form {\n        grid-template-columns: 1fr;\n    }\n\n    .aqel-articles-contact-form input[type=\"submit\"],\n    .aqel-articles-contact-form .aqel-consult-btn {\n        width: 100%;\n    }\n\n    .aqel-reader-trust h3 {\n        font-size: 23px;\n    }\n\n    .aqel-reader-trust-grid {\n        grid-template-columns: 1fr;\n        gap: 28px;\n    }\n\n    .aqel-reader-trust-item {\n        border-left: none;\n        padding: 0;\n    }\n}\n\/* =========================================================\n   AQEL Articles - Final Refinements\n   Dropdown arrow + premium SVG icons\n========================================================= *\/\n\n\/* Hero search select wrapper *\/\n.aqel-articles-search .aqel-select-wrap {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: #FFFFFF;\n    border-right: 1px solid rgba(54,67,94,.12);\n}\n\n.aqel-articles-search .aqel-select-wrap select {\n    width: 100%;\n    height: 100%;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    border: none !important;\n    outline: none;\n    background: transparent;\n    color: #36435E;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 800;\n    padding: 0 22px 0 48px;\n}\n\n.aqel-select-arrow {\n    position: absolute;\n    left: 20px;\n    top: 50%;\n    width: 18px;\n    height: 18px;\n    transform: translateY(-50%);\n    pointer-events: none;\n    color: #36435E;\n    opacity: .8;\n    transition: all .25s ease;\n}\n\n.aqel-select-arrow svg {\n    width: 18px;\n    height: 18px;\n    display: block;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.aqel-select-wrap:hover .aqel-select-arrow {\n    color: #B8A17A;\n    transform: translateY(-50%) translateY(2px);\n}\n\n\/* Contact phone icon as SVG *\/\n.aqel-contact-icon svg {\n    width: 44px;\n    height: 44px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Trust icons - premium unified SVG style *\/\n.aqel-reader-icon {\n    width: 52px !important;\n    height: 52px !important;\n    margin: 0 auto 16px !important;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    border-radius: 16px;\n    background: rgba(54,67,94,.055);\n    color: #36435E !important;\n    font-size: 0 !important;\n    line-height: 1 !important;\n    transition: all .25s ease;\n}\n\n.aqel-reader-icon svg {\n    width: 29px;\n    height: 29px;\n    display: block;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.85;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.aqel-reader-trust-item {\n    transition: all .25s ease;\n}\n\n.aqel-reader-trust-item:hover .aqel-reader-icon {\n    background: #36435E;\n    color: #FFFFFF !important;\n    transform: translateY(-4px);\n    box-shadow: 0 12px 28px rgba(54,67,94,.16);\n}\n\n.aqel-reader-trust-item:hover h4 {\n    color: #36435E;\n}\n\n\/* Improve trust section spacing and readability *\/\n.aqel-reader-trust h3 {\n    letter-spacing: -.2px;\n}\n\n.aqel-reader-trust-item p {\n    color: #5D5E68;\n    max-width: 175px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* Tablet *\/\n@media (max-width: 991px) {\n    .aqel-articles-search .aqel-select-wrap {\n        grid-column: 1 \/ -1;\n        height: 56px;\n        border-right: none;\n        border-top: 1px solid rgba(54,67,94,.12);\n    }\n\n    .aqel-articles-search .aqel-select-wrap select {\n        height: 56px;\n        text-align: center;\n        padding: 0 22px 0 48px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n    .aqel-select-arrow {\n        left: 16px;\n    }\n\n    .aqel-articles-search .aqel-select-wrap select {\n        font-size: 13px;\n        padding-right: 16px;\n        padding-left: 42px;\n    }\n\n    .aqel-reader-icon {\n        width: 48px !important;\n        height: 48px !important;\n        margin-bottom: 13px !important;\n    }\n\n    .aqel-reader-icon svg {\n        width: 27px;\n        height: 27px;\n    }\n}\n<\/style>\n\n<section class=\"aqel-articles-contact-block\" dir=\"rtl\">\n    <div class=\"aqel-articles-contact-box\">\n\n        <div class=\"aqel-contact-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.32 1.78.59 2.63a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.45-1.16a2 2 0 0 1 2.11-.45c.85.27 1.73.47 2.63.59A2 2 0 0 1 22 16.92z\"><\/path>\n            <\/svg>\n        <\/div>\n\n        <div class=\"aqel-contact-content\">\n            <span>\u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0648\u062c\u064a\u0647 \u0642\u0627\u0646\u0648\u0646\u064a\u061f<\/span>\n            <h2>\u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643<\/h2>\n            <p>\n                \u0627\u062a\u0631\u0643 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641\u0643 \u0648\u0633\u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0637\u0644\u0628\u0643 \u0645\u0628\u062f\u0626\u064a\u0627\u064b\n                \u0648\u062a\u0648\u062c\u064a\u0647\u0643 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0628\u0643\u0644 \u0633\u0631\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\n            <\/p>\n        <\/div>\n\n        <div class=\"aqel-contact-form-wrap\">\n            <div class=\"aqel-form-label\">\u0637\u0644\u0628 \u0627\u062a\u0635\u0627\u0644 \u0633\u0631\u064a\u0639<\/div>\n\n            <div class=\"aqel-articles-contact-form\">\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f37561-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"37561\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F107#wpcf7-f37561-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"37561\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f37561-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"aqel-quick-consult-form\" dir=\"rtl\">\n\t<div class=\"aqel-cf-field\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel aqel-phone-field\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0648\u0627\u062a\u0633\u0627\u0628\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"aqel-cf-submit\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner aqel-consult-btn\" type=\"submit\" value=\"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n            <\/div>\n\n            <small>\n                \u0628\u0625\u0631\u0633\u0627\u0644\u0643 \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\u060c \u0641\u0625\u0646\u0643 \u062a\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0628\u062e\u0635\u0648\u0635 \u0637\u0644\u0628\u0643 \u0641\u0642\u0637\u060c \u0648\u0644\u0627 \u064a\u064f\u0639\u062f \u0630\u0644\u0643 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0644\u0632\u0645\u0629 \u0642\u0628\u0644 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062d\u0627\u0644\u0629.\n            <\/small>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"aqel-reader-trust\">\n        <h3>\u0644\u0645\u0627\u0630\u0627 \u064a\u062a\u0627\u0628\u0639\u0646\u0627 \u0627\u0644\u0645\u062d\u0627\u0645\u0648\u0646 \u0648\u0627\u0644\u0645\u0647\u0646\u064a\u0648\u0646\u061f<\/h3>\n\n        <div class=\"aqel-reader-trust-grid\">\n\n            <div class=\"aqel-reader-trust-item\">\n                <div class=\"aqel-reader-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M12 3l7 3v5c0 5-3.3 8.6-7 10-3.7-1.4-7-5-7-10V6l7-3z\"><\/path>\n                        <path d=\"M9 12l2 2 4-5\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h4>\u0645\u062d\u062a\u0648\u0649 \u0645\u0648\u062b\u0648\u0642<\/h4>\n                <p>\u0645\u0642\u0627\u0644\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0643\u062a\u0648\u0628\u0629 \u0628\u0644\u063a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0628\u0639\u0646\u0627\u064a\u0629.<\/p>\n            <\/div>\n\n            <div class=\"aqel-reader-trust-item\">\n                <div class=\"aqel-reader-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M21 12a9 9 0 0 1-15.5 6.2\"><\/path>\n                        <path d=\"M3 12a9 9 0 0 1 15.5-6.2\"><\/path>\n                        <path d=\"M18 3v4h-4\"><\/path>\n                        <path d=\"M6 21v-4h4\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h4>\u062a\u062d\u062f\u064a\u062b \u0645\u0633\u062a\u0645\u0631<\/h4>\n                <p>\u0646\u0648\u0627\u0643\u0628 \u0627\u0644\u0645\u0633\u062a\u062c\u062f\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0623\u0648\u0644\u0627\u064b \u0628\u0623\u0648\u0644.<\/p>\n            <\/div>\n\n            <div class=\"aqel-reader-trust-item\">\n                <div class=\"aqel-reader-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M7 3h7l4 4v14H7V3z\"><\/path>\n                        <path d=\"M14 3v5h5\"><\/path>\n                        <path d=\"M9.5 12h6\"><\/path>\n                        <path d=\"M9.5 16h6\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h4>\u062a\u062d\u0644\u064a\u0644 \u0645\u0639\u0645\u0642<\/h4>\n                <p>\u0646\u0634\u0631\u062d \u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0648\u0627\u0644\u0646\u0635\u0648\u0635 \u0628\u0637\u0631\u064a\u0642\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u0644\u0641\u0647\u0645 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642.<\/p>\n            <\/div>\n\n            <div class=\"aqel-reader-trust-item\">\n                <div class=\"aqel-reader-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M12 3v18\"><\/path>\n                        <path d=\"M5 6h14\"><\/path>\n                        <path d=\"M6 6l-3 7h6l-3-7z\"><\/path>\n                        <path d=\"M18 6l-3 7h6l-3-7z\"><\/path>\n                        <path d=\"M8 21h8\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h4>\u0645\u0635\u0627\u062f\u0631 \u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h4>\n                <p>\u0645\u062d\u062a\u0648\u0649 \u0645\u0631\u062a\u0628\u0637 \u0628\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a \u0648\u0627\u0644\u0627\u062c\u062a\u0647\u0627\u062f\u0627\u062a \u0648\u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.<\/p>\n            <\/div>\n\n            <div class=\"aqel-reader-trust-item\">\n                <div class=\"aqel-reader-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 5h16\"><\/path>\n                        <path d=\"M4 12h16\"><\/path>\n                        <path d=\"M4 19h16\"><\/path>\n                        <path d=\"M8 5v14\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h4>\u062a\u0646\u0638\u064a\u0645 \u0639\u0645\u0644\u064a<\/h4>\n                <p>\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u0639\u0644\u0648\u0645\u0629 \u0628\u0633\u0631\u0639\u0629.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iqraalaw.jo\/index.php?rest_route=\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iqraalaw.jo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iqraalaw.jo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iqraalaw.jo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iqraalaw.jo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=107"}],"version-history":[{"count":23,"href":"https:\/\/iqraalaw.jo\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":37680,"href":"https:\/\/iqraalaw.jo\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions\/37680"}],"wp:attachment":[{"href":"https:\/\/iqraalaw.jo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}