{"id":1873,"date":"2025-12-25T14:30:20","date_gmt":"2025-12-25T14:30:20","guid":{"rendered":"https:\/\/alshayjilegal.com\/?page_id=1873"},"modified":"2026-08-09T16:41:57","modified_gmt":"2026-08-09T16:41:57","slug":"news","status":"publish","type":"page","link":"https:\/\/alshayjilegal.com\/ar\/news\/","title":{"rendered":"\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0631\u0624\u0649 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1873\" class=\"elementor elementor-1873\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3380aef e-con-full e-flex e-con e-parent\" data-id=\"3380aef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64b9257 elementor-widget elementor-widget-heading\" data-id=\"64b9257\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">News &amp; Insights<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bca131d elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"bca131d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/alshayjilegal.com\/ar\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">News &amp; Insights<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba6bbd4 e-flex e-con-boxed e-con e-parent\" data-id=\"ba6bbd4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1374e21 elementor-widget elementor-widget-html\" data-id=\"1374e21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ALSHAYJI LEGAL GROUP\r\n   BILINGUAL NEWS SLIDER\r\n   EN + AR \/ LTR + RTL\r\n========================================================= *\/\r\n\r\n.alg-news{\r\n    --alg-green:#31483a;\r\n    --alg-green-dark:#24372c;\r\n    --alg-gold:#b58a4a;\r\n    --alg-gold-light:#c9a46a;\r\n    --alg-white:#ffffff;\r\n    --alg-text:#26352f;\r\n    --alg-muted:#747d78;\r\n    --alg-border:#e3e6e4;\r\n\r\n    width:100%;\r\n    position:relative;\r\n\r\n    font-family:inherit;\r\n}\r\n\r\n.alg-news *,\r\n.alg-news *::before,\r\n.alg-news *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.alg-news__header{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n\r\n    margin-bottom:32px;\r\n}\r\n\r\n\r\n.alg-news__heading{\r\n    max-width:760px;\r\n}\r\n\r\n\r\n.alg-news__label{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:14px;\r\n\r\n    padding:9px 16px;\r\n\r\n    background:var(--alg-gold);\r\n    color:#fff;\r\n\r\n    border-radius:40px;\r\n\r\n    font-size:13px;\r\n    line-height:1;\r\n    font-weight:600;\r\n}\r\n\r\n\r\n.alg-news__title{\r\n    margin:0;\r\n\r\n    color:var(--alg-green-dark);\r\n\r\n    font-size:40px;\r\n    line-height:1.2;\r\n    font-weight:500;\r\n\r\n    letter-spacing:-.4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n========================================================= *\/\r\n\r\n.alg-news__controls{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    flex:0 0 auto;\r\n}\r\n\r\n\r\n.alg-news__arrow{\r\n    appearance:none;\r\n    -webkit-appearance:none;\r\n\r\n    width:46px;\r\n    height:46px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0;\r\n    margin:0;\r\n\r\n    background:transparent;\r\n\r\n    border:1px solid\r\n        rgba(181,138,74,.55);\r\n\r\n    color:var(--alg-gold);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease,\r\n        border-color .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.alg-news__arrow svg{\r\n    width:19px;\r\n    height:19px;\r\n\r\n    display:block;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transition:\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.alg-news__arrow:hover{\r\n    background:var(--alg-gold);\r\n    border-color:var(--alg-gold);\r\n\r\n    color:#fff;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\r\n.alg-news__arrow:disabled{\r\n    opacity:.35;\r\n    cursor:default;\r\n\r\n    transform:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMPORTANT:\r\n   FLIP ARROWS IN RTL\r\n========================================================= *\/\r\n\r\n.alg-news.is-rtl\r\n.alg-news__arrow svg{\r\n    transform:scaleX(-1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n========================================================= *\/\r\n\r\n.alg-news__viewport{\r\n    width:100%;\r\n\r\n    position:relative;\r\n\r\n    overflow-x:auto;\r\n    overflow-y:hidden;\r\n\r\n    scroll-behavior:smooth;\r\n\r\n    scroll-snap-type:x mandatory;\r\n\r\n    scrollbar-width:none;\r\n\r\n    -ms-overflow-style:none;\r\n\r\n    -webkit-overflow-scrolling:touch;\r\n\r\n    outline:none;\r\n\r\n    cursor:grab;\r\n}\r\n\r\n\r\n.alg-news__viewport:active{\r\n    cursor:grabbing;\r\n}\r\n\r\n\r\n.alg-news__viewport::-webkit-scrollbar{\r\n    display:none;\r\n}\r\n\r\n\r\n\/* LTR *\/\r\n\r\n.alg-news:not(.is-rtl)\r\n.alg-news__viewport{\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/* RTL *\/\r\n\r\n.alg-news.is-rtl\r\n.alg-news__viewport{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n.alg-news__track{\r\n    display:flex;\r\n    align-items:stretch;\r\n\r\n    gap:22px;\r\n\r\n    width:100%;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/*\r\n   IMPORTANT:\r\n   In Arabic the order starts from right.\r\n*\/\r\n\r\n.alg-news.is-rtl\r\n.alg-news__track{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n========================================================= *\/\r\n\r\n.alg-news__card{\r\n    flex:\r\n        0 0\r\n        calc((100% - 44px) \/ 3);\r\n\r\n    min-width:0;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid var(--alg-border);\r\n\r\n    scroll-snap-align:start;\r\n    scroll-snap-stop:always;\r\n\r\n    overflow:hidden;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.alg-news__card:hover{\r\n    transform:translateY(-5px);\r\n\r\n    border-color:\r\n        rgba(181,138,74,.45);\r\n\r\n    box-shadow:\r\n        0 17px 42px\r\n        rgba(36,55,44,.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD IMAGE\r\n========================================================= *\/\r\n\r\n.alg-news__image{\r\n    position:relative;\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    aspect-ratio:16 \/ 10;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#e9ecea;\r\n\r\n    text-decoration:none !important;\r\n}\r\n\r\n\r\n.alg-news__image img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    display:block;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .55s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.alg-news__card:hover\r\n.alg-news__image img{\r\n    transform:scale(1.055);\r\n}\r\n\r\n\r\n\/* overlay *\/\r\n\r\n.alg-news__image::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(36,55,44,.67),\r\n            transparent 62%\r\n        );\r\n\r\n    opacity:0;\r\n\r\n    transition:opacity .3s ease;\r\n}\r\n\r\n\r\n.alg-news__card:hover\r\n.alg-news__image::after{\r\n    opacity:1;\r\n}\r\n\r\n\r\n\/* image text *\/\r\n\r\n.alg-news__image-text{\r\n    position:absolute;\r\n\r\n    left:21px;\r\n    bottom:18px;\r\n\r\n    z-index:2;\r\n\r\n    color:#fff;\r\n\r\n    font-size:13px;\r\n    font-weight:600;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(8px);\r\n\r\n    transition:\r\n        opacity .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.alg-news__card:hover\r\n.alg-news__image-text{\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* Arabic image text position *\/\r\n\r\n.alg-news.is-rtl\r\n.alg-news__image-text{\r\n    left:auto;\r\n    right:21px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLACEHOLDER\r\n========================================================= *\/\r\n\r\n.alg-news__placeholder{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #31483a,\r\n            #5b6e61\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY\r\n========================================================= *\/\r\n\r\n.alg-news__body{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    flex:1;\r\n\r\n    padding:24px 24px 23px;\r\n\r\n    direction:ltr;\r\n    text-align:left;\r\n}\r\n\r\n\r\n.alg-news.is-rtl\r\n.alg-news__body{\r\n    direction:rtl;\r\n    text-align:right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   META\r\n========================================================= *\/\r\n\r\n.alg-news__meta{\r\n    display:flex;\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n\r\n    gap:8px;\r\n\r\n    margin-bottom:13px;\r\n\r\n    color:var(--alg-muted);\r\n\r\n    font-size:12px;\r\n    line-height:1.4;\r\n}\r\n\r\n\r\n.alg-news__meta-dot{\r\n    width:4px;\r\n    height:4px;\r\n\r\n    display:inline-block;\r\n\r\n    flex:0 0 4px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--alg-gold);\r\n}\r\n\r\n\r\n.alg-news__meta a{\r\n    color:var(--alg-gold) !important;\r\n\r\n    text-decoration:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POST TITLE\r\n========================================================= *\/\r\n\r\n.alg-news__body h3{\r\n    margin:0 0 21px;\r\n\r\n    color:var(--alg-green-dark);\r\n\r\n    font-size:20px;\r\n    line-height:1.45;\r\n    font-weight:500;\r\n}\r\n\r\n\r\n.alg-news__body h3 a{\r\n    color:inherit !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    transition:color .25s ease;\r\n}\r\n\r\n\r\n.alg-news__body h3 a:hover{\r\n    color:var(--alg-gold) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   READ MORE\r\n========================================================= *\/\r\n\r\n.alg-news__link{\r\n    display:inline-flex;\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    width:max-content;\r\n\r\n    margin-top:auto;\r\n\r\n    color:var(--alg-green-dark) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:13px;\r\n    font-weight:600;\r\n}\r\n\r\n\r\n.alg-news__link svg{\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n    stroke:var(--alg-gold);\r\n\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transition:transform .25s ease;\r\n}\r\n\r\n\r\n.alg-news:not(.is-rtl)\r\n.alg-news__link:hover svg{\r\n    transform:translateX(4px);\r\n}\r\n\r\n\r\n.alg-news.is-rtl\r\n.alg-news__link svg{\r\n    transform:scaleX(-1);\r\n}\r\n\r\n\r\n.alg-news.is-rtl\r\n.alg-news__link:hover svg{\r\n    transform:\r\n        scaleX(-1)\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n========================================================= *\/\r\n\r\n.alg-news__footer{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:20px;\r\n\r\n    margin-top:25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS\r\n========================================================= *\/\r\n\r\n.alg-news__status{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    flex:0 0 auto;\r\n\r\n    min-width:78px;\r\n\r\n    color:var(--alg-muted);\r\n\r\n    font-size:12px;\r\n}\r\n\r\n\r\n.alg-news__status strong{\r\n    color:var(--alg-green-dark);\r\n\r\n    font-size:18px;\r\n    font-weight:500;\r\n}\r\n\r\n\r\n.alg-news__status span{\r\n    width:15px;\r\n    height:1px;\r\n\r\n    background:var(--alg-gold);\r\n}\r\n\r\n\r\n.alg-news__status b{\r\n    font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n.alg-news__progress{\r\n    position:relative;\r\n\r\n    height:2px;\r\n\r\n    flex:1;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        rgba(49,72,58,.13);\r\n}\r\n\r\n\r\n.alg-news__progress span{\r\n    position:absolute;\r\n\r\n    top:0;\r\n    bottom:0;\r\n    left:0;\r\n\r\n    width:0;\r\n\r\n    background:var(--alg-gold);\r\n\r\n    transition:width .3s ease;\r\n}\r\n\r\n\r\n.alg-news.is-rtl\r\n.alg-news__progress span{\r\n    left:auto;\r\n    right:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DRAG TEXT\r\n========================================================= *\/\r\n\r\n.alg-news__footer p{\r\n    flex:0 0 auto;\r\n\r\n    margin:0;\r\n\r\n    color:var(--alg-muted);\r\n\r\n    font-size:12px;\r\n    line-height:1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOADING SKELETON\r\n========================================================= *\/\r\n\r\n.alg-news__skeleton{\r\n    flex:\r\n        0 0\r\n        calc((100% - 44px) \/ 3);\r\n\r\n    min-height:400px;\r\n\r\n    padding-bottom:22px;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid var(--alg-border);\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n.alg-news__skeleton > div{\r\n    width:100%;\r\n\r\n    aspect-ratio:16\/10;\r\n\r\n    background:#eef0ef;\r\n}\r\n\r\n\r\n.alg-news__skeleton span{\r\n    display:block;\r\n\r\n    height:12px;\r\n\r\n    margin:17px 22px 0;\r\n\r\n    background:#eef0ef;\r\n}\r\n\r\n\r\n.alg-news__skeleton span:nth-child(3){\r\n    width:72%;\r\n}\r\n\r\n\r\n.alg-news__skeleton span:nth-child(4){\r\n    width:40%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ERROR \/ EMPTY\r\n========================================================= *\/\r\n\r\n.alg-news__message{\r\n    width:100%;\r\n\r\n    padding:40px 20px;\r\n\r\n    text-align:center;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid var(--alg-border);\r\n\r\n    color:var(--alg-muted);\r\n\r\n    font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .alg-news__title{\r\n        font-size:34px;\r\n    }\r\n\r\n\r\n    .alg-news__card,\r\n    .alg-news__skeleton{\r\n\r\n        flex:\r\n            0 0\r\n            calc((100% - 18px) \/ 2);\r\n    }\r\n\r\n\r\n    .alg-news__track{\r\n        gap:18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .alg-news__header{\r\n        gap:15px;\r\n\r\n        margin-bottom:24px;\r\n    }\r\n\r\n\r\n    .alg-news__label{\r\n        padding:8px 13px;\r\n\r\n        margin-bottom:12px;\r\n\r\n        font-size:12px;\r\n    }\r\n\r\n\r\n    .alg-news__title{\r\n        font-size:28px;\r\n        line-height:1.25;\r\n    }\r\n\r\n\r\n    .alg-news__arrow{\r\n        width:40px;\r\n        height:40px;\r\n    }\r\n\r\n\r\n    .alg-news__arrow svg{\r\n        width:17px;\r\n        height:17px;\r\n    }\r\n\r\n\r\n    .alg-news__track{\r\n        gap:14px;\r\n    }\r\n\r\n\r\n    .alg-news__card,\r\n    .alg-news__skeleton{\r\n        flex:0 0 100%;\r\n    }\r\n\r\n\r\n    .alg-news__body{\r\n        padding:21px;\r\n    }\r\n\r\n\r\n    .alg-news__body h3{\r\n        font-size:18px;\r\n    }\r\n\r\n\r\n    .alg-news__footer{\r\n        margin-top:20px;\r\n\r\n        gap:13px;\r\n    }\r\n\r\n\r\n    .alg-news__footer p{\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n    .alg-news__header{\r\n        display:block;\r\n    }\r\n\r\n\r\n    .alg-news__controls{\r\n        margin-top:18px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     NEWS MODULE\r\n======================================================== -->\r\n\r\n<section\r\n    class=\"alg-news\"\r\n    data-alg-news\r\n>\r\n\r\n\r\n    <!-- ===================================================\r\n         HEADER\r\n    ==================================================== -->\r\n\r\n    <header class=\"alg-news__header\">\r\n\r\n\r\n        <div class=\"alg-news__heading\">\r\n\r\n            <div\r\n                class=\"alg-news__label\"\r\n                data-text-en=\"News & Insights\"\r\n                data-text-ar=\"\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0631\u0624\u0649\"\r\n            >\r\n                News &amp; Insights\r\n            <\/div>\r\n\r\n\r\n            <h2\r\n                class=\"alg-news__title\"\r\n                data-text-en=\"Latest Legal News & Insights\"\r\n                data-text-ar=\"\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0627\u0644\u0631\u0624\u0649 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\"\r\n            >\r\n                Latest Legal News &amp; Insights\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div\r\n            class=\"alg-news__controls\"\r\n            aria-label=\"News slider controls\"\r\n        >\r\n\r\n\r\n            <button\r\n                class=\"\r\n                    alg-news__arrow\r\n                    alg-news__arrow--prev\r\n                \"\r\n                type=\"button\"\r\n                aria-label=\"Previous article\"\r\n            >\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path\r\n                        d=\"M15 5 8 12l7 7M8 12h11\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n\r\n\r\n            <button\r\n                class=\"\r\n                    alg-news__arrow\r\n                    alg-news__arrow--next\r\n                \"\r\n                type=\"button\"\r\n                aria-label=\"Next article\"\r\n            >\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path\r\n                        d=\"m9 5 7 7-7 7m7-7H5\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/header>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         VIEWPORT\r\n    ==================================================== -->\r\n\r\n    <div\r\n        class=\"alg-news__viewport\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Latest legal articles\"\r\n    >\r\n\r\n        <div\r\n            class=\"alg-news__track\"\r\n            aria-live=\"polite\"\r\n        >\r\n\r\n\r\n            <!-- Loading skeleton -->\r\n\r\n            <article\r\n                class=\"alg-news__skeleton\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <div><\/div>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/article>\r\n\r\n\r\n            <article\r\n                class=\"alg-news__skeleton\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <div><\/div>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/article>\r\n\r\n\r\n            <article\r\n                class=\"alg-news__skeleton\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <div><\/div>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         FOOTER\r\n    ==================================================== -->\r\n\r\n    <footer class=\"alg-news__footer\">\r\n\r\n\r\n        <div\r\n            class=\"alg-news__status\"\r\n            aria-live=\"polite\"\r\n        >\r\n\r\n            <strong class=\"alg-news__current\">\r\n                01\r\n            <\/strong>\r\n\r\n            <span><\/span>\r\n\r\n            <b class=\"alg-news__total\">\r\n                00\r\n            <\/b>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div\r\n            class=\"alg-news__progress\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <span><\/span>\r\n        <\/div>\r\n\r\n\r\n\r\n        <p\r\n            data-text-en=\"Drag or swipe to explore\"\r\n            data-text-ar=\"\u0627\u0633\u062d\u0628 \u0644\u0644\u062a\u0635\u0641\u062d\"\r\n        >\r\n            Drag or swipe to explore\r\n        <\/p>\r\n\r\n\r\n    <\/footer>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    \/* =====================================================\r\n       EACH NEWS MODULE SEPARATELY\r\n    ===================================================== *\/\r\n\r\n    document\r\n    .querySelectorAll('[data-alg-news]')\r\n    .forEach(function(root){\r\n\r\n\r\n        \/* Prevent duplicate initialization *\/\r\n\r\n        if(\r\n            root.dataset.algInitialized ===\r\n            'true'\r\n        ){\r\n            return;\r\n        }\r\n\r\n\r\n        root.dataset.algInitialized =\r\n            'true';\r\n\r\n\r\n\r\n        \/* =================================================\r\n           ELEMENTS\r\n        ================================================= *\/\r\n\r\n        const viewport =\r\n            root.querySelector(\r\n                '.alg-news__viewport'\r\n            );\r\n\r\n\r\n        const track =\r\n            root.querySelector(\r\n                '.alg-news__track'\r\n            );\r\n\r\n\r\n        const prev =\r\n            root.querySelector(\r\n                '.alg-news__arrow--prev'\r\n            );\r\n\r\n\r\n        const next =\r\n            root.querySelector(\r\n                '.alg-news__arrow--next'\r\n            );\r\n\r\n\r\n        const currentEl =\r\n            root.querySelector(\r\n                '.alg-news__current'\r\n            );\r\n\r\n\r\n        const totalEl =\r\n            root.querySelector(\r\n                '.alg-news__total'\r\n            );\r\n\r\n\r\n        const progress =\r\n            root.querySelector(\r\n                '.alg-news__progress span'\r\n            );\r\n\r\n\r\n        if(\r\n            !viewport ||\r\n            !track\r\n        ){\r\n            return;\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           LANGUAGE \/ DIRECTION\r\n        ================================================= *\/\r\n\r\n        function isArabic(){\r\n\r\n            const html =\r\n                document.documentElement;\r\n\r\n\r\n            const lang =\r\n                (\r\n                    html.getAttribute('lang') ||\r\n                    ''\r\n                )\r\n                .toLowerCase();\r\n\r\n\r\n            const direction =\r\n                window\r\n                .getComputedStyle(html)\r\n                .direction;\r\n\r\n\r\n            return (\r\n                lang.startsWith('ar') ||\r\n                html.dir === 'rtl' ||\r\n                direction === 'rtl'\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        let rtl =\r\n            isArabic();\r\n\r\n\r\n\r\n        function applyDirection(){\r\n\r\n            rtl =\r\n                isArabic();\r\n\r\n\r\n            root.classList.toggle(\r\n                'is-rtl',\r\n                rtl\r\n            );\r\n\r\n\r\n            root.setAttribute(\r\n                'dir',\r\n                rtl\r\n                    ? 'rtl'\r\n                    : 'ltr'\r\n            );\r\n\r\n\r\n            \/* Accessibility *\/\r\n\r\n            if(prev){\r\n\r\n                prev.setAttribute(\r\n                    'aria-label',\r\n                    rtl\r\n                        ? '\u0627\u0644\u0645\u0642\u0627\u0644 \u0627\u0644\u0633\u0627\u0628\u0642'\r\n                        : 'Previous article'\r\n                );\r\n\r\n            }\r\n\r\n\r\n            if(next){\r\n\r\n                next.setAttribute(\r\n                    'aria-label',\r\n                    rtl\r\n                        ? '\u0627\u0644\u0645\u0642\u0627\u0644 \u0627\u0644\u062a\u0627\u0644\u064a'\r\n                        : 'Next article'\r\n                );\r\n\r\n            }\r\n\r\n\r\n            viewport.setAttribute(\r\n                'aria-label',\r\n                rtl\r\n                    ? '\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629'\r\n                    : 'Latest legal articles'\r\n            );\r\n\r\n\r\n            \/*\r\n             * Only update our UI labels.\r\n             * TranslatePress can still translate\r\n             * anything else on the page.\r\n             *\/\r\n\r\n            root\r\n            .querySelectorAll(\r\n                '[data-text-en]'\r\n            )\r\n            .forEach(function(el){\r\n\r\n                const value =\r\n                    rtl\r\n                        ? el.dataset.textAr\r\n                        : el.dataset.textEn;\r\n\r\n\r\n                if(value){\r\n                    el.textContent = value;\r\n                }\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n\r\n        applyDirection();\r\n\r\n\r\n\r\n        \/* =================================================\r\n           API\r\n        ================================================= *\/\r\n\r\n        const api =\r\n            window.location.origin +\r\n            '\/wp-json\/wp\/v2\/posts';\r\n\r\n\r\n\r\n        let posts = [];\r\n\r\n        let currentIndex = 0;\r\n\r\n        let scrollTimer;\r\n\r\n\r\n\r\n        \/* =================================================\r\n           HELPERS\r\n        ================================================= *\/\r\n\r\n        function escapeHTML(value){\r\n\r\n            const div =\r\n                document.createElement('div');\r\n\r\n\r\n            div.textContent =\r\n                value == null\r\n                ? ''\r\n                : String(value);\r\n\r\n\r\n            return div.innerHTML;\r\n\r\n        }\r\n\r\n\r\n\r\n        function decodeHTML(value){\r\n\r\n            const textarea =\r\n                document.createElement(\r\n                    'textarea'\r\n                );\r\n\r\n\r\n            textarea.innerHTML =\r\n                value || '';\r\n\r\n\r\n            return textarea.value;\r\n\r\n        }\r\n\r\n\r\n\r\n        function stripHTML(value){\r\n\r\n            const div =\r\n                document.createElement('div');\r\n\r\n\r\n            div.innerHTML =\r\n                value || '';\r\n\r\n\r\n            return (\r\n                div.textContent ||\r\n                div.innerText ||\r\n                ''\r\n            ).trim();\r\n\r\n        }\r\n\r\n\r\n\r\n        function formatNumber(number){\r\n\r\n            return String(number)\r\n                .padStart(2,'0');\r\n\r\n        }\r\n\r\n\r\n\r\n        function formatDate(date){\r\n\r\n            try{\r\n\r\n                return new Intl.DateTimeFormat(\r\n\r\n                    rtl\r\n                        ? 'ar-KW'\r\n                        : 'en-US',\r\n\r\n                    {\r\n                        year:'numeric',\r\n                        month:'long',\r\n                        day:'numeric'\r\n                    }\r\n\r\n                ).format(\r\n                    new Date(date)\r\n                );\r\n\r\n            }catch(e){\r\n\r\n                return '';\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           FEATURED IMAGE\r\n        ================================================= *\/\r\n\r\n        function getImage(post){\r\n\r\n            try{\r\n\r\n                const media =\r\n                    post._embedded[\r\n                        'wp:featuredmedia'\r\n                    ][0];\r\n\r\n\r\n                if(!media){\r\n                    throw new Error();\r\n                }\r\n\r\n\r\n                let src =\r\n                    media.source_url || '';\r\n\r\n\r\n                const sizes =\r\n                    media.media_details &&\r\n                    media.media_details.sizes;\r\n\r\n\r\n                if(sizes){\r\n\r\n                    if(sizes.large){\r\n\r\n                        src =\r\n                            sizes.large.source_url;\r\n\r\n                    }else if(\r\n                        sizes.medium_large\r\n                    ){\r\n\r\n                        src =\r\n                            sizes\r\n                            .medium_large\r\n                            .source_url;\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                return {\r\n\r\n                    src:src,\r\n\r\n                    alt:\r\n                        media.alt_text ||\r\n                        stripHTML(\r\n                            post.title.rendered\r\n                        )\r\n\r\n                };\r\n\r\n\r\n            }catch(e){\r\n\r\n                return {\r\n\r\n                    src:'',\r\n\r\n                    alt:\r\n                        stripHTML(\r\n                            post.title.rendered\r\n                        )\r\n\r\n                };\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           CATEGORY\r\n        ================================================= *\/\r\n\r\n        function getCategory(post){\r\n\r\n            try{\r\n\r\n                const groups =\r\n                    post._embedded[\r\n                        'wp:term'\r\n                    ];\r\n\r\n\r\n                if(\r\n                    Array.isArray(groups)\r\n                ){\r\n\r\n                    for(\r\n                        const group\r\n                        of groups\r\n                    ){\r\n\r\n                        if(\r\n                            !Array.isArray(group)\r\n                        ){\r\n                            continue;\r\n                        }\r\n\r\n\r\n                        const category =\r\n                            group.find(\r\n                                function(term){\r\n\r\n                                    return (\r\n                                        term.taxonomy ===\r\n                                        'category'\r\n                                    );\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                        if(category){\r\n\r\n                            return {\r\n\r\n                                name:\r\n                                    category.name,\r\n\r\n                                link:\r\n                                    category.link\r\n\r\n                            };\r\n\r\n                        }\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n            }catch(e){}\r\n\r\n\r\n            return {\r\n\r\n                name:\r\n                    rtl\r\n                        ? '\u063a\u064a\u0631 \u0645\u0635\u0646\u0641'\r\n                        : 'Uncategorized',\r\n\r\n                link:'#'\r\n\r\n            };\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           CREATE CARD\r\n        ================================================= *\/\r\n\r\n        function createCard(post){\r\n\r\n            const title =\r\n                decodeHTML(\r\n                    post.title.rendered\r\n                );\r\n\r\n\r\n            const link =\r\n                post.link;\r\n\r\n\r\n            const image =\r\n                getImage(post);\r\n\r\n\r\n            const category =\r\n                getCategory(post);\r\n\r\n\r\n            const date =\r\n                formatDate(\r\n                    post.date\r\n                );\r\n\r\n\r\n            const dateISO =\r\n                post.date\r\n                ? post.date.substring(\r\n                    0,\r\n                    10\r\n                )\r\n                : '';\r\n\r\n\r\n            const readArticle =\r\n                rtl\r\n                    ? '\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0642\u0627\u0644'\r\n                    : 'Read Article';\r\n\r\n\r\n            const readMore =\r\n                rtl\r\n                    ? '\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f'\r\n                    : 'Read More';\r\n\r\n\r\n            const imageHTML =\r\n                image.src\r\n                ?\r\n                `\r\n                <img\r\n                    src=\"${escapeHTML(image.src)}\"\r\n                    alt=\"${escapeHTML(image.alt)}\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n                `\r\n                :\r\n                `\r\n                <div\r\n                    class=\"alg-news__placeholder\"\r\n                    aria-hidden=\"true\"\r\n                ><\/div>\r\n                `;\r\n\r\n\r\n            return `\r\n\r\n                <article class=\"alg-news__card\">\r\n\r\n                    <a\r\n                        class=\"alg-news__image\"\r\n                        href=\"${escapeHTML(link)}\"\r\n                    >\r\n\r\n                        ${imageHTML}\r\n\r\n                        <span\r\n                            class=\"alg-news__image-text\"\r\n                        >\r\n                            ${readArticle}\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"alg-news__body\">\r\n\r\n\r\n                        <div class=\"alg-news__meta\">\r\n\r\n                            <time\r\n                                datetime=\"${escapeHTML(dateISO)}\"\r\n                            >\r\n                                ${escapeHTML(date)}\r\n                            <\/time>\r\n\r\n\r\n                            <i\r\n                                class=\"alg-news__meta-dot\"\r\n                            ><\/i>\r\n\r\n\r\n                            <a\r\n                                href=\"${escapeHTML(category.link)}\"\r\n                            >\r\n                                ${escapeHTML(category.name)}\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <h3>\r\n\r\n                            <a\r\n                                href=\"${escapeHTML(link)}\"\r\n                            >\r\n                                ${escapeHTML(title)}\r\n                            <\/a>\r\n\r\n                        <\/h3>\r\n\r\n\r\n\r\n                        <a\r\n                            class=\"alg-news__link\"\r\n                            href=\"${escapeHTML(link)}\"\r\n                        >\r\n\r\n                            ${readMore}\r\n\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M5 12h14M13 6l6 6-6 6\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/a>\r\n\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            `;\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           LOAD ALL POSTS\r\n        ================================================= *\/\r\n\r\n        async function loadPosts(){\r\n\r\n            try{\r\n\r\n                const firstURL =\r\n                    api +\r\n                    '?per_page=100' +\r\n                    '&page=1' +\r\n                    '&status=publish' +\r\n                    '&orderby=date' +\r\n                    '&order=desc' +\r\n                    '&_embed=1';\r\n\r\n\r\n                const response =\r\n                    await fetch(\r\n                        firstURL,\r\n                        {\r\n                            credentials:\r\n                                'same-origin'\r\n                        }\r\n                    );\r\n\r\n\r\n                if(!response.ok){\r\n\r\n                    throw new Error(\r\n                        'Unable to load posts'\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                const firstPage =\r\n                    await response.json();\r\n\r\n\r\n                posts =\r\n                    Array.isArray(firstPage)\r\n                    ? firstPage\r\n                    : [];\r\n\r\n\r\n                const totalPages =\r\n                    parseInt(\r\n\r\n                        response.headers.get(\r\n                            'X-WP-TotalPages'\r\n                        ) || '1',\r\n\r\n                        10\r\n\r\n                    );\r\n\r\n\r\n                if(totalPages > 1){\r\n\r\n                    const requests = [];\r\n\r\n\r\n                    for(\r\n                        let page = 2;\r\n                        page <= totalPages;\r\n                        page++\r\n                    ){\r\n\r\n                        requests.push(\r\n\r\n                            fetch(\r\n                                api +\r\n                                '?per_page=100' +\r\n                                '&page=' + page +\r\n                                '&status=publish' +\r\n                                '&orderby=date' +\r\n                                '&order=desc' +\r\n                                '&_embed=1',\r\n\r\n                                {\r\n                                    credentials:\r\n                                        'same-origin'\r\n                                }\r\n                            )\r\n\r\n                            .then(function(res){\r\n\r\n                                return res.ok\r\n                                    ? res.json()\r\n                                    : [];\r\n\r\n                            })\r\n\r\n                            .catch(function(){\r\n\r\n                                return [];\r\n\r\n                            })\r\n\r\n                        );\r\n\r\n                    }\r\n\r\n\r\n                    const pages =\r\n                        await Promise.all(\r\n                            requests\r\n                        );\r\n\r\n\r\n                    pages.forEach(\r\n                        function(page){\r\n\r\n                            if(\r\n                                Array.isArray(page)\r\n                            ){\r\n\r\n                                posts.push(\r\n                                    ...page\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                render();\r\n\r\n\r\n            }catch(error){\r\n\r\n                console.error(\r\n                    'AlShayji News:',\r\n                    error\r\n                );\r\n\r\n\r\n                track.innerHTML = `\r\n\r\n                    <div class=\"alg-news__message\">\r\n\r\n                        ${\r\n                            rtl\r\n                                ? '\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a.'\r\n                                : 'Unable to load articles.'\r\n                        }\r\n\r\n                    <\/div>\r\n\r\n                `;\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           RENDER\r\n        ================================================= *\/\r\n\r\n        function render(){\r\n\r\n            if(!posts.length){\r\n\r\n                track.innerHTML = `\r\n\r\n                    <div class=\"alg-news__message\">\r\n\r\n                        ${\r\n                            rtl\r\n                                ? '\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0642\u0627\u0644\u0627\u062a \u062d\u0627\u0644\u064a\u0627\u064b.'\r\n                                : 'No articles found.'\r\n                        }\r\n\r\n                    <\/div>\r\n\r\n                `;\r\n\r\n\r\n                updateStatus();\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            track.innerHTML =\r\n                posts\r\n                .map(createCard)\r\n                .join('');\r\n\r\n\r\n            currentIndex = 0;\r\n\r\n\r\n            if(totalEl){\r\n\r\n                totalEl.textContent =\r\n                    formatNumber(\r\n                        posts.length\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            \/*\r\n             * Make sure article 1 starts\r\n             * on the correct side.\r\n             *\/\r\n\r\n            requestAnimationFrame(\r\n                function(){\r\n\r\n                    goTo(\r\n                        0,\r\n                        false\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           CARDS\r\n        ================================================= *\/\r\n\r\n        function cards(){\r\n\r\n            return Array.from(\r\n\r\n                track.querySelectorAll(\r\n                    '.alg-news__card'\r\n                )\r\n\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           VISIBLE COUNT\r\n        ================================================= *\/\r\n\r\n        function visibleCount(){\r\n\r\n            if(\r\n                window.innerWidth <=\r\n                767\r\n            ){\r\n                return 1;\r\n            }\r\n\r\n\r\n            if(\r\n                window.innerWidth <=\r\n                1024\r\n            ){\r\n                return 2;\r\n            }\r\n\r\n\r\n            return 3;\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           MAX INDEX\r\n        ================================================= *\/\r\n\r\n        function maxIndex(){\r\n\r\n            return Math.max(\r\n\r\n                0,\r\n\r\n                cards().length -\r\n                visibleCount()\r\n\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           GO TO CARD\r\n           WORKS IN BOTH RTL AND LTR\r\n        ================================================= *\/\r\n\r\n        function goTo(\r\n            index,\r\n            smooth = true\r\n        ){\r\n\r\n            const list =\r\n                cards();\r\n\r\n\r\n            if(!list.length){\r\n                return;\r\n            }\r\n\r\n\r\n            const max =\r\n                maxIndex();\r\n\r\n\r\n            \/*\r\n             * Infinite-style controls\r\n             *\/\r\n\r\n            if(index > max){\r\n\r\n                index = 0;\r\n\r\n            }else if(index < 0){\r\n\r\n                index = max;\r\n\r\n            }\r\n\r\n\r\n            currentIndex =\r\n                index;\r\n\r\n\r\n            const card =\r\n                list[index];\r\n\r\n\r\n            if(!card){\r\n                return;\r\n            }\r\n\r\n\r\n            \/*\r\n             * This is the key:\r\n             * scrollIntoView handles RTL correctly\r\n             * without RTL scrollLeft problems.\r\n             *\/\r\n\r\n            card.scrollIntoView({\r\n\r\n                behavior:\r\n                    smooth\r\n                        ? 'smooth'\r\n                        : 'auto',\r\n\r\n                block:\r\n                    'nearest',\r\n\r\n                inline:\r\n                    'start'\r\n\r\n            });\r\n\r\n\r\n            updateStatus();\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           NEXT \/ PREVIOUS\r\n        ================================================= *\/\r\n\r\n        function goNext(){\r\n\r\n            goTo(\r\n                currentIndex + 1\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function goPrevious(){\r\n\r\n            goTo(\r\n                currentIndex - 1\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           BUTTON EVENTS\r\n        ================================================= *\/\r\n\r\n        if(next){\r\n\r\n            next.addEventListener(\r\n                'click',\r\n                function(event){\r\n\r\n                    event.preventDefault();\r\n\r\n                    goNext();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if(prev){\r\n\r\n            prev.addEventListener(\r\n                'click',\r\n                function(event){\r\n\r\n                    event.preventDefault();\r\n\r\n                    goPrevious();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           KEYBOARD\r\n        ================================================= *\/\r\n\r\n        viewport.addEventListener(\r\n            'keydown',\r\n            function(event){\r\n\r\n                \/*\r\n                 * Physical keyboard arrows\r\n                 * should feel natural in RTL.\r\n                 *\/\r\n\r\n                if(\r\n                    event.key ===\r\n                    'ArrowRight'\r\n                ){\r\n\r\n                    event.preventDefault();\r\n\r\n\r\n                    if(rtl){\r\n\r\n                        goPrevious();\r\n\r\n                    }else{\r\n\r\n                        goNext();\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                if(\r\n                    event.key ===\r\n                    'ArrowLeft'\r\n                ){\r\n\r\n                    event.preventDefault();\r\n\r\n\r\n                    if(rtl){\r\n\r\n                        goNext();\r\n\r\n                    }else{\r\n\r\n                        goPrevious();\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =================================================\r\n           DETECT CURRENT CARD AFTER SWIPE\r\n        ================================================= *\/\r\n\r\n        function detectCurrent(){\r\n\r\n            const list =\r\n                cards();\r\n\r\n\r\n            if(!list.length){\r\n                return;\r\n            }\r\n\r\n\r\n            const viewportRect =\r\n                viewport\r\n                .getBoundingClientRect();\r\n\r\n\r\n            \/*\r\n             * In LTR compare left edges.\r\n             * In RTL compare right edges.\r\n             *\/\r\n\r\n            const reference =\r\n                rtl\r\n                    ? viewportRect.right\r\n                    : viewportRect.left;\r\n\r\n\r\n            let nearest = 0;\r\n\r\n            let nearestDistance =\r\n                Infinity;\r\n\r\n\r\n            list.forEach(\r\n                function(card,index){\r\n\r\n                    const rect =\r\n                        card\r\n                        .getBoundingClientRect();\r\n\r\n\r\n                    const edge =\r\n                        rtl\r\n                            ? rect.right\r\n                            : rect.left;\r\n\r\n\r\n                    const distance =\r\n                        Math.abs(\r\n                            edge -\r\n                            reference\r\n                        );\r\n\r\n\r\n                    if(\r\n                        distance <\r\n                        nearestDistance\r\n                    ){\r\n\r\n                        nearestDistance =\r\n                            distance;\r\n\r\n                        nearest =\r\n                            index;\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            currentIndex =\r\n                Math.min(\r\n                    nearest,\r\n                    maxIndex()\r\n                );\r\n\r\n\r\n            updateStatus();\r\n\r\n        }\r\n\r\n\r\n\r\n        viewport.addEventListener(\r\n            'scroll',\r\n            function(){\r\n\r\n                clearTimeout(\r\n                    scrollTimer\r\n                );\r\n\r\n\r\n                scrollTimer =\r\n                    setTimeout(\r\n                        detectCurrent,\r\n                        90\r\n                    );\r\n\r\n            },\r\n            {\r\n                passive:true\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =================================================\r\n           STATUS \/ PROGRESS\r\n        ================================================= *\/\r\n\r\n        function updateStatus(){\r\n\r\n            const list =\r\n                cards();\r\n\r\n\r\n            if(currentEl){\r\n\r\n                currentEl.textContent =\r\n                    formatNumber(\r\n                        list.length\r\n                            ? currentIndex + 1\r\n                            : 0\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            if(totalEl){\r\n\r\n                totalEl.textContent =\r\n                    formatNumber(\r\n                        list.length\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            if(progress){\r\n\r\n                if(!list.length){\r\n\r\n                    progress.style.width =\r\n                        '0%';\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                const positions =\r\n                    Math.max(\r\n                        1,\r\n                        maxIndex() + 1\r\n                    );\r\n\r\n\r\n                const percentage =\r\n                    (\r\n                        (\r\n                            currentIndex + 1\r\n                        ) \/\r\n                        positions\r\n                    )\r\n                    * 100;\r\n\r\n\r\n                progress.style.width =\r\n                    Math.min(\r\n                        100,\r\n                        percentage\r\n                    ) + '%';\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           MOUSE DRAG SUPPORT\r\n        ================================================= *\/\r\n\r\n        let dragging = false;\r\n\r\n        let dragStartX = 0;\r\n\r\n        let dragStartScroll = 0;\r\n\r\n\r\n\r\n        viewport.addEventListener(\r\n            'mousedown',\r\n            function(event){\r\n\r\n                dragging = true;\r\n\r\n                dragStartX =\r\n                    event.pageX;\r\n\r\n                dragStartScroll =\r\n                    viewport.scrollLeft;\r\n\r\n            }\r\n        );\r\n\r\n\r\n        window.addEventListener(\r\n            'mouseup',\r\n            function(){\r\n\r\n                if(!dragging){\r\n                    return;\r\n                }\r\n\r\n\r\n                dragging = false;\r\n\r\n\r\n                setTimeout(\r\n                    detectCurrent,\r\n                    50\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        viewport.addEventListener(\r\n            'mouseleave',\r\n            function(){\r\n\r\n                dragging = false;\r\n\r\n            }\r\n        );\r\n\r\n\r\n        viewport.addEventListener(\r\n            'mousemove',\r\n            function(event){\r\n\r\n                if(!dragging){\r\n                    return;\r\n                }\r\n\r\n\r\n                event.preventDefault();\r\n\r\n\r\n                const difference =\r\n                    event.pageX -\r\n                    dragStartX;\r\n\r\n\r\n                viewport.scrollLeft =\r\n                    dragStartScroll -\r\n                    difference;\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =================================================\r\n           RESIZE\r\n        ================================================= *\/\r\n\r\n        let resizeTimer;\r\n\r\n\r\n        window.addEventListener(\r\n            'resize',\r\n            function(){\r\n\r\n                clearTimeout(\r\n                    resizeTimer\r\n                );\r\n\r\n\r\n                resizeTimer =\r\n                    setTimeout(\r\n                        function(){\r\n\r\n                            applyDirection();\r\n\r\n\r\n                            currentIndex =\r\n                                Math.min(\r\n                                    currentIndex,\r\n                                    maxIndex()\r\n                                );\r\n\r\n\r\n                            goTo(\r\n                                currentIndex,\r\n                                false\r\n                            );\r\n\r\n                        },\r\n                        150\r\n                    );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =================================================\r\n           TRANSLATEPRESS LANGUAGE CHANGE \/ DOM CHANGE\r\n        ================================================= *\/\r\n\r\n        const htmlObserver =\r\n            new MutationObserver(\r\n                function(){\r\n\r\n                    const oldRTL =\r\n                        rtl;\r\n\r\n\r\n                    applyDirection();\r\n\r\n\r\n                    if(\r\n                        oldRTL !== rtl\r\n                    ){\r\n\r\n                        \/*\r\n                         * Re-render UI labels inside cards\r\n                         * and reposition slider.\r\n                         *\/\r\n\r\n                        if(posts.length){\r\n\r\n                            render();\r\n\r\n                        }\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n        htmlObserver.observe(\r\n            document.documentElement,\r\n            {\r\n                attributes:true,\r\n                attributeFilter:[\r\n                    'lang',\r\n                    'dir',\r\n                    'class'\r\n                ]\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =================================================\r\n           START\r\n        ================================================= *\/\r\n\r\n        loadPosts();\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>News &amp; Insights Home News &amp; Insights News &amp; Insights Latest Legal News &amp; Insights 01 00 Drag or swipe to explore<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1873","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>News &amp; Insights - Alshayji legal Group<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alshayjilegal.com\/ar\/news\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"News &amp; Insights - Alshayji legal Group\" \/>\n<meta property=\"og:description\" content=\"News &amp; Insights Home News &amp; Insights News &amp; Insights Latest Legal News &amp; Insights 01 00 Drag or swipe to explore\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alshayjilegal.com\/ar\/news\/\" \/>\n<meta property=\"og:site_name\" content=\"Alshayji legal Group\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-09T16:41:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alshayjilegal.com\\\/news\\\/\",\"url\":\"https:\\\/\\\/alshayjilegal.com\\\/news\\\/\",\"name\":\"News & Insights - Alshayji legal Group\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alshayjilegal.com\\\/#website\"},\"datePublished\":\"2025-12-25T14:30:20+00:00\",\"dateModified\":\"2026-08-09T16:41:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alshayjilegal.com\\\/news\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alshayjilegal.com\\\/news\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alshayjilegal.com\\\/news\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/alshayjilegal.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"News &#038; Insights\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alshayjilegal.com\\\/#website\",\"url\":\"https:\\\/\\\/alshayjilegal.com\\\/\",\"name\":\"Alshayji legal Group\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/alshayjilegal.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alshayjilegal.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/alshayjilegal.com\\\/#organization\",\"name\":\"Alshayji legal Group\",\"url\":\"https:\\\/\\\/alshayjilegal.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/alshayjilegal.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/alshayjilegal.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/logo_no_bg_cropped_v3.png\",\"contentUrl\":\"https:\\\/\\\/alshayjilegal.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/logo_no_bg_cropped_v3.png\",\"width\":550,\"height\":596,\"caption\":\"Alshayji legal Group\"},\"image\":{\"@id\":\"https:\\\/\\\/alshayjilegal.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"News & Insights - Alshayji legal Group","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alshayjilegal.com\/ar\/news\/","og_locale":"ar_AR","og_type":"article","og_title":"News & Insights - Alshayji legal Group","og_description":"News &amp; Insights Home News &amp; Insights News &amp; Insights Latest Legal News &amp; Insights 01 00 Drag or swipe to explore","og_url":"https:\/\/alshayjilegal.com\/ar\/news\/","og_site_name":"Alshayji legal Group","article_modified_time":"2026-08-09T16:41:57+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alshayjilegal.com\/news\/","url":"https:\/\/alshayjilegal.com\/news\/","name":"News & Insights - Alshayji legal Group","isPartOf":{"@id":"https:\/\/alshayjilegal.com\/#website"},"datePublished":"2025-12-25T14:30:20+00:00","dateModified":"2026-08-09T16:41:57+00:00","breadcrumb":{"@id":"https:\/\/alshayjilegal.com\/news\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alshayjilegal.com\/news\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/alshayjilegal.com\/news\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alshayjilegal.com\/"},{"@type":"ListItem","position":2,"name":"News &#038; Insights"}]},{"@type":"WebSite","@id":"https:\/\/alshayjilegal.com\/#website","url":"https:\/\/alshayjilegal.com\/","name":"Alshayji legal Group","description":"","publisher":{"@id":"https:\/\/alshayjilegal.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alshayjilegal.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/alshayjilegal.com\/#organization","name":"Alshayji legal Group","url":"https:\/\/alshayjilegal.com\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/alshayjilegal.com\/#\/schema\/logo\/image\/","url":"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/logo_no_bg_cropped_v3.png","contentUrl":"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/logo_no_bg_cropped_v3.png","width":550,"height":596,"caption":"Alshayji legal Group"},"image":{"@id":"https:\/\/alshayjilegal.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/pages\/1873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/comments?post=1873"}],"version-history":[{"count":46,"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/pages\/1873\/revisions"}],"predecessor-version":[{"id":2840,"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/pages\/1873\/revisions\/2840"}],"wp:attachment":[{"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/media?parent=1873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}