{"id":159,"date":"2025-01-24T11:46:34","date_gmt":"2025-01-24T11:46:34","guid":{"rendered":"https:\/\/ex-coders.com\/wp\/kanun\/?page_id=159"},"modified":"2026-08-09T17:23:36","modified_gmt":"2026-08-09T17:23:36","slug":"home","status":"publish","type":"page","link":"https:\/\/alshayjilegal.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"159\" class=\"elementor elementor-159\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ddc68d e-con-full e-flex e-con e-parent\" data-id=\"5ddc68d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0031585 elementor--h-position-left elementor--v-position-bottom elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"0031585\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;dots&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"rtl\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-8271380 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"0V8A3775\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Over twenty years of legal experience<\/div><div class=\"elementor-slide-description\">We work with a qualified legal and administrative team that combines legal knowledge and commercial experience.<\/div><a href=\"\/services\/\" class=\"elementor-button elementor-slide-button elementor-size-sm\">Our legal services<\/a><\/div><\/div><\/div><div class=\"elementor-repeater-item-4a31559 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"0V8A3625\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">The legal arm of your business with confidence and stability<\/div><div class=\"elementor-slide-description\">We accompany individuals and companies with deep legal expertise and a practical understanding of the business world.<\/div><a href=\"\/about\/\" class=\"elementor-button elementor-slide-button elementor-size-sm\">About us<\/a><\/div><\/div><\/div><div class=\"elementor-repeater-item-b5e3b0f swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"0V8A3721\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Smart legal solutions for the business world<\/div><div class=\"elementor-slide-description\">We offer comprehensive legal support to companies from incorporation to expansion.<\/div><a href=\"\/book-an-appointment\/\" class=\"elementor-button elementor-slide-button elementor-size-sm\">Get in touch<\/a><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8d7e1c e-flex e-con-boxed e-con e-parent\" data-id=\"d8d7e1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f5cbb54 e-con-full e-flex e-con e-child\" data-id=\"f5cbb54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31fa423 elementor-widget elementor-widget-kanun-theme-image-box-widget\" data-id=\"31fa423\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"kanun-theme-image-box-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\r\n\r\n\t\t<div class=\"about-wrapper-2\">\r\n\t\t\t<div class=\"about-image\">\r\n\t\t\t\t\t   \r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"wow img-custom-anim-left\" data-wow-duration=\"1.3s\" data-wow-delay=\"0.3s\" src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/photorealistic-lawyer-environment-3-1-1.webp\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"about-box\">\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<h4>\r\n\t\t\t\t\t\t\t<a href=\"\"><\/a>\r\n\t\t\t\t\t\t<\/h4>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\r\n\r\n             \r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f0711b e-con-full e-flex e-con e-child\" data-id=\"1f0711b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6b9fa elementor-widget elementor-widget-heading\" data-id=\"ff6b9fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Over 20 Years of Legal Excellence<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dea155 elementor-widget elementor-widget-heading\" data-id=\"4dea155\" 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\">AlShayji Legal Group<br> Trusted Legal Expertise for Business Growth<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d8d4bf elementor-widget elementor-widget-heading\" data-id=\"4d8d4bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Founded under the leadership of Lawyer Aisha Abdul-Rahman AlShayji ,AlShayji Legal Group combines deep legal knowledge with strong business insight. Through a carefully selected legal and administrative team, we deliver reliable legal support to individuals, local enterprises, and international companies operating in Kuwait.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06b98c4 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"06b98c4\" 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\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-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-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/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\">Elite legal consultants with strong regional expertise<\/span>\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\">\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-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/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\">Comprehensive legal solutions for individuals and businesses<\/span>\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\">\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-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/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\">The legal arm of Dar AlShayji Holding across key sectors<\/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 class=\"elementor-element elementor-element-184ad7b elementor-widget elementor-widget-kanun-theme-button-widget\" data-id=\"184ad7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"kanun-theme-button-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\r\n\r\n\t<a href=\"\/about\/\" class=\"theme-btn\">\r\n\t\tMore About Us\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\t<\/a>\r\n\r\n\t\r\n\r\n             \r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6eac35 e-flex e-con-boxed e-con e-parent\" data-id=\"c6eac35\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-193343a e-con-full e-flex e-con e-child\" data-id=\"193343a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af8e227 elementor-widget elementor-widget-html\" data-id=\"af8e227\" 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   SERVICES SECTION\r\n   ENGLISH + ARABIC \/ RTL + LTR\r\n========================================================= *\/\r\n\r\n.alsh-services{\r\n    --alsh-green:#31483a;\r\n    --alsh-green-dark:#24372c;\r\n    --alsh-gold:#b58a4a;\r\n    --alsh-white:#ffffff;\r\n    --alsh-text:#26352f;\r\n    --alsh-muted:#5e6863;\r\n    --alsh-border:#e3e5e3;\r\n\r\n    width:100%;\r\n\r\n    padding:0 !important;\r\n    margin:0 !important;\r\n\r\n    font-family:inherit;\r\n}\r\n\r\n.alsh-services *,\r\n.alsh-services *::before,\r\n.alsh-services *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.alsh-services-container{\r\n    width:100%;\r\n    max-width:1200px;\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.alsh-services-head{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    gap:70px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:38px;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT HEADER\r\n========================================================= *\/\r\n\r\n.alsh-head-left{\r\n    min-width:0;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GOLD LABEL\r\n========================================================= *\/\r\n\r\n.alsh-eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:9px 16px;\r\n\r\n    margin:0 0 18px 0;\r\n\r\n    background:var(--alsh-gold);\r\n\r\n    color:#fff;\r\n\r\n    border-radius:50px;\r\n\r\n    font-size:14px;\r\n    line-height:1;\r\n    font-weight:600;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.alsh-services-title{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:40px;\r\n    line-height:1.18;\r\n    font-weight:500;\r\n\r\n    letter-spacing:-.4px;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.alsh-services-intro{\r\n    padding-left:22px;\r\n    padding-right:0;\r\n\r\n    border-left:2px solid var(--alsh-gold);\r\n    border-right:0;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\n.alsh-services-intro p{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:18px;\r\n    line-height:1.7;\r\n    font-weight:400;\r\n\r\n    text-align:inherit;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS GRID\r\n========================================================= *\/\r\n\r\n.alsh-services-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap:20px;\r\n\r\n    align-items:stretch;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.alsh-card{\r\n    position:relative;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    width:100%;\r\n    min-width:0;\r\n    min-height:440px;\r\n\r\n    padding:28px 28px 26px;\r\n\r\n    background:#fff;\r\n\r\n    border-top:3px solid transparent;\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(0,0,0,.08);\r\n\r\n    direction:ltr;\r\n    text-align:left;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n.alsh-card:hover{\r\n    transform:translateY(-5px);\r\n\r\n    border-top-color:\r\n        var(--alsh-gold);\r\n\r\n    box-shadow:\r\n        0 18px 40px\r\n        rgba(0,0,0,.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n========================================================= *\/\r\n\r\n.alsh-card-top{\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n    justify-content:space-between;\r\n\r\n    margin-bottom:22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.alsh-icon{\r\n    width:48px;\r\n    height:48px;\r\n\r\n    flex:0 0 48px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(181,138,74,.35);\r\n\r\n    background:\r\n        rgba(181,138,74,.06);\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.alsh-icon svg{\r\n    width:24px;\r\n    height:24px;\r\n\r\n    fill:none;\r\n\r\n    stroke:var(--alsh-gold);\r\n\r\n    stroke-width:1.5;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.alsh-card:hover .alsh-icon{\r\n    background:var(--alsh-gold);\r\n\r\n    border-color:\r\n        var(--alsh-gold);\r\n}\r\n\r\n\r\n.alsh-card:hover .alsh-icon svg{\r\n    stroke:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.alsh-number{\r\n    color:#e5e8e6;\r\n\r\n    font-size:38px;\r\n    line-height:1;\r\n    font-weight:500;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n========================================================= *\/\r\n\r\n.alsh-card h3{\r\n    margin:0 0 18px;\r\n\r\n    min-height:58px;\r\n\r\n    color:var(--alsh-green-dark);\r\n\r\n    font-size:21px;\r\n    line-height:1.35;\r\n    font-weight:500;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COLLAPSIBLE CONTENT\r\n========================================================= *\/\r\n\r\n.alsh-content{\r\n    position:relative;\r\n\r\n    max-height:155px;\r\n\r\n    overflow:hidden;\r\n\r\n    transition:\r\n        max-height .5s ease;\r\n}\r\n\r\n\r\n\/* Fade at bottom *\/\r\n\r\n.alsh-content::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n\r\n    height:62px;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(255,255,255,0),\r\n            rgba(255,255,255,.94) 58%,\r\n            #fff 100%\r\n        );\r\n\r\n    transition:opacity .25s ease;\r\n}\r\n\r\n\r\n\/* Expanded *\/\r\n\r\n.alsh-card.is-expanded\r\n.alsh-content{\r\n    max-height:1200px;\r\n}\r\n\r\n\r\n.alsh-card.is-expanded\r\n.alsh-content::after{\r\n    opacity:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.alsh-content p{\r\n    margin:0 0 10px;\r\n\r\n    color:var(--alsh-text);\r\n\r\n    font-size:15px;\r\n    line-height:1.55;\r\n    font-weight:400;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\n.alsh-content p:last-child{\r\n    margin-bottom:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBERED LINES\r\n========================================================= *\/\r\n\r\n.alsh-lines{\r\n    margin:0 0 10px;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n.alsh-lines div{\r\n    margin-bottom:3px;\r\n\r\n    color:var(--alsh-text);\r\n\r\n    font-size:15px;\r\n    line-height:1.5;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MORE \/ LESS\r\n========================================================= *\/\r\n\r\n.alsh-more{\r\n    appearance:none;\r\n    -webkit-appearance:none;\r\n\r\n    width:max-content;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n\r\n    gap:7px;\r\n\r\n    margin:10px 0 16px;\r\n\r\n    padding:0;\r\n\r\n    background:none;\r\n\r\n    border:0;\r\n\r\n    color:var(--alsh-gold);\r\n\r\n    font-family:inherit;\r\n\r\n    font-size:14px;\r\n    line-height:1.3;\r\n    font-weight:600;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        color .25s ease;\r\n}\r\n\r\n\r\n.alsh-more:hover{\r\n    color:var(--alsh-green-dark);\r\n}\r\n\r\n\r\n.alsh-more-arrow{\r\n    width:20px;\r\n    height:20px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(181,138,74,.4);\r\n\r\n    font-size:12px;\r\n    line-height:1;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.alsh-card.is-expanded\r\n.alsh-more-arrow{\r\n    transform:rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD FOOTER\r\n========================================================= *\/\r\n\r\n.alsh-card-footer{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    margin-top:auto;\r\n\r\n    padding-top:18px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--alsh-border);\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW DETAILS\r\n========================================================= *\/\r\n\r\n.alsh-details{\r\n    display:inline-flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    color:\r\n        var(--alsh-green-dark) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:13px;\r\n    line-height:1.2;\r\n    font-weight:500;\r\n\r\n    transition:\r\n        color .25s ease;\r\n}\r\n\r\n\r\n.alsh-details-arrow{\r\n    width:29px;\r\n    height:29px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    background:\r\n        var(--alsh-gold);\r\n\r\n    color:#fff;\r\n\r\n    font-size:15px;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.alsh-details:hover{\r\n    color:\r\n        var(--alsh-gold) !important;\r\n}\r\n\r\n\r\n.alsh-details:hover\r\n.alsh-details-arrow{\r\n    background:\r\n        var(--alsh-green-dark);\r\n\r\n    transform:translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE SLIDER NAVIGATION\r\n========================================================= *\/\r\n\r\n.alsh-slider-nav{\r\n    display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL \/ ARABIC\r\n========================================================= *\/\r\n\r\n.alsh-services.is-rtl{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* Header *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-services-head{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n.alsh-services.is-rtl\r\n.alsh-head-left{\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n.alsh-services.is-rtl\r\n.alsh-services-title{\r\n    text-align:right;\r\n}\r\n\r\n\r\n\/* Intro gold line *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-services-intro{\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n\r\n    padding-left:0;\r\n    padding-right:22px;\r\n\r\n    border-left:0;\r\n    border-right:\r\n        2px solid\r\n        var(--alsh-gold);\r\n}\r\n\r\n\r\n\/* Grid *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-services-grid{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* Card *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-card{\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n\/* Card top *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-card-top{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* Titles *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-card h3{\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n\/* Paragraphs *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-content{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n.alsh-services.is-rtl\r\n.alsh-content p{\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n\/* Numbered lines *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-lines{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n.alsh-services.is-rtl\r\n.alsh-lines div{\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n\/* More *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-more{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* Footer *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-card-footer{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* View details *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-details{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* Flip external arrow *\/\r\n\r\n.alsh-services.is-rtl\r\n.alsh-details-arrow{\r\n    transform:scaleX(-1);\r\n}\r\n\r\n\r\n.alsh-services.is-rtl\r\n.alsh-details:hover\r\n.alsh-details-arrow{\r\n    transform:\r\n        scaleX(-1)\r\n        translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(\r\n    max-width:1024px\r\n)\r\nand\r\n(\r\n    min-width:768px\r\n){\r\n\r\n    .alsh-services-head{\r\n        gap:35px;\r\n    }\r\n\r\n\r\n    .alsh-services-title{\r\n        font-size:34px;\r\n    }\r\n\r\n\r\n    .alsh-services-intro p{\r\n        font-size:16px;\r\n    }\r\n\r\n\r\n    .alsh-services-grid{\r\n        gap:15px;\r\n    }\r\n\r\n\r\n    .alsh-card{\r\n        padding:\r\n            24px 22px 23px;\r\n    }\r\n\r\n\r\n    .alsh-card h3{\r\n        font-size:19px;\r\n    }\r\n\r\n\r\n    .alsh-content p,\r\n    .alsh-lines div{\r\n        font-size:14px;\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    \/* Header *\/\r\n\r\n    .alsh-services-head{\r\n        display:block;\r\n\r\n        margin-bottom:28px;\r\n    }\r\n\r\n\r\n    .alsh-head-left{\r\n        margin-bottom:22px;\r\n    }\r\n\r\n\r\n    .alsh-eyebrow{\r\n        padding:9px 15px;\r\n\r\n        margin-bottom:15px;\r\n\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .alsh-services-title{\r\n        font-size:29px;\r\n        line-height:1.22;\r\n    }\r\n\r\n\r\n    .alsh-services-title br{\r\n        display:none;\r\n    }\r\n\r\n\r\n    .alsh-services-intro{\r\n        padding-left:15px;\r\n    }\r\n\r\n\r\n    .alsh-services.is-rtl\r\n    .alsh-services-intro{\r\n        padding-left:0;\r\n        padding-right:15px;\r\n    }\r\n\r\n\r\n    .alsh-services-intro p{\r\n        font-size:16px;\r\n        line-height:1.65;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SLIDER\r\n    ===================================================== *\/\r\n\r\n    .alsh-services-grid{\r\n        display:flex;\r\n\r\n        width:100%;\r\n\r\n        gap:15px;\r\n\r\n        overflow-x:auto;\r\n        overflow-y:visible;\r\n\r\n        scroll-snap-type:x mandatory;\r\n\r\n        scroll-behavior:smooth;\r\n\r\n        -webkit-overflow-scrolling:touch;\r\n\r\n        scrollbar-width:none;\r\n\r\n        padding:0;\r\n        margin:0;\r\n\r\n        direction:ltr;\r\n    }\r\n\r\n\r\n    .alsh-services.is-rtl\r\n    .alsh-services-grid{\r\n        direction:rtl;\r\n    }\r\n\r\n\r\n    .alsh-services-grid::-webkit-scrollbar{\r\n        display:none;\r\n    }\r\n\r\n\r\n    .alsh-card{\r\n        flex:0 0 88%;\r\n\r\n        width:88%;\r\n\r\n        min-height:440px;\r\n\r\n        scroll-snap-align:start;\r\n\r\n        scroll-snap-stop:always;\r\n\r\n        padding:\r\n            25px 23px 23px;\r\n\r\n        transform:none !important;\r\n    }\r\n\r\n\r\n    .alsh-card:hover{\r\n        transform:none !important;\r\n    }\r\n\r\n\r\n    .alsh-card h3{\r\n        min-height:0;\r\n\r\n        font-size:20px;\r\n    }\r\n\r\n\r\n    .alsh-content{\r\n        max-height:155px;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SLIDER NAV\r\n    ===================================================== *\/\r\n\r\n    .alsh-slider-nav{\r\n        display:flex;\r\n\r\n        align-items:center;\r\n\r\n        gap:9px;\r\n\r\n        margin-top:18px;\r\n\r\n        direction:ltr;\r\n    }\r\n\r\n\r\n    .alsh-services.is-rtl\r\n    .alsh-slider-nav{\r\n        direction:rtl;\r\n    }\r\n\r\n\r\n    .alsh-slider-count{\r\n        margin-right:auto;\r\n\r\n        color:\r\n            rgba(255,255,255,.8);\r\n\r\n        font-size:13px;\r\n        font-weight:500;\r\n\r\n        direction:ltr;\r\n    }\r\n\r\n\r\n    .alsh-services.is-rtl\r\n    .alsh-slider-count{\r\n        margin-right:0;\r\n        margin-left:auto;\r\n    }\r\n\r\n\r\n    .alsh-slider-current{\r\n        color:#fff;\r\n\r\n        font-size:18px;\r\n    }\r\n\r\n\r\n    .alsh-slider-btn{\r\n        appearance:none;\r\n        -webkit-appearance:none;\r\n\r\n        width:42px;\r\n        height:42px;\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        border:\r\n            1px solid\r\n            var(--alsh-gold);\r\n\r\n        background:transparent;\r\n\r\n        color:#fff;\r\n\r\n        font-size:21px;\r\n        line-height:1;\r\n\r\n        cursor:pointer;\r\n\r\n        transition:\r\n            background .25s ease,\r\n            color .25s ease;\r\n    }\r\n\r\n\r\n    .alsh-slider-btn:hover,\r\n    .alsh-slider-btn:active{\r\n        background:\r\n            var(--alsh-gold);\r\n\r\n        color:#fff;\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    .alsh-card{\r\n        flex-basis:91%;\r\n\r\n        width:91%;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<section\r\n    class=\"alsh-services\"\r\n    data-alsh-services\r\n>\r\n\r\n<div class=\"alsh-services-container\">\r\n\r\n\r\n<!-- ==================================================\r\n     HEADER\r\n=================================================== -->\r\n\r\n<div class=\"alsh-services-head\">\r\n\r\n\r\n    <div class=\"alsh-head-left\">\r\n\r\n\r\n        <div class=\"alsh-eyebrow\">\r\n            Our Legal Services\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"alsh-services-title\">\r\n            Comprehensive Legal Solutions<br>\r\n            Tailored To Your Needs\r\n        <\/h2>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"alsh-services-intro\">\r\n\r\n        <p>\r\n            AlShayji Legal Group delivers integrated legal services\r\n            designed to protect our clients\u2019 rights and support their\r\n            personal and business interests across various legal fields.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- ==================================================\r\n     CARDS\r\n=================================================== -->\r\n\r\n<div\r\n    class=\"alsh-services-grid\"\r\n    data-alsh-slider\r\n>\r\n\r\n\r\n\r\n<!-- ==================================================\r\n     CARD 01\r\n=================================================== -->\r\n\r\n<article class=\"alsh-card\">\r\n\r\n\r\n    <div class=\"alsh-card-top\">\r\n\r\n\r\n        <div class=\"alsh-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path d=\"M14 5l5 5\"><\/path>\r\n\r\n                <path\r\n                    d=\"M5 14l7-7 5 5-7 7H5v-5z\"\r\n                ><\/path>\r\n\r\n                <path d=\"M3 21h12\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"alsh-number\">\r\n            01\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <h3>\r\n        Legal Advisory\r\n    <\/h3>\r\n\r\n\r\n\r\n    <div class=\"alsh-content\">\r\n\r\n\r\n        <p>\r\n            We provide comprehensive legal advice on Kuwaiti law,\r\n            delivering clear, commercially focused guidance tailored\r\n            to our clients\u2019 objectives.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Where relevant, we undertake comparative legal analysis\r\n            with other jurisdictions to ensure our advice reflects\r\n            international best practices.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Our services are designed to support both strategic\r\n            decision-making and dispute prevention, offering practical\r\n            solutions to complex legal issues. We deliver our legal\r\n            opinions promptly and efficiently, whether through\r\n            electronic communication or in-person consultations at\r\n            our offices.\r\n        <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <button\r\n        class=\"alsh-more\"\r\n        type=\"button\"\r\n        aria-expanded=\"false\"\r\n    >\r\n\r\n        <span\r\n            class=\"alsh-more-text\"\r\n            data-more-text\r\n        >\r\n            More\r\n        <\/span>\r\n\r\n        <span class=\"alsh-more-arrow\">\r\n            \u2193\r\n        <\/span>\r\n\r\n    <\/button>\r\n\r\n\r\n\r\n    <div class=\"alsh-card-footer\">\r\n\r\n\r\n        <a\r\n            href=\"https:\/\/alshayjilegal.com\/services\/\"\r\n            class=\"alsh-details\"\r\n        >\r\n\r\n            View Details\r\n\r\n            <span class=\"alsh-details-arrow\">\r\n                \u2197\r\n            <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/article>\r\n\r\n\r\n\r\n\r\n<!-- ==================================================\r\n     CARD 02\r\n=================================================== -->\r\n\r\n<article class=\"alsh-card\">\r\n\r\n\r\n    <div class=\"alsh-card-top\">\r\n\r\n\r\n        <div class=\"alsh-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path d=\"M6 2h9l4 4v16H6z\"><\/path>\r\n\r\n                <path d=\"M15 2v5h5\"><\/path>\r\n\r\n                <path d=\"M9 12h7\"><\/path>\r\n\r\n                <path d=\"M9 16h6\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"alsh-number\">\r\n            02\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <h3>\r\n        Commercial Contracts And Agreements\r\n    <\/h3>\r\n\r\n\r\n\r\n    <div class=\"alsh-content\">\r\n\r\n\r\n        <p>\r\n            We advise on the structuring, drafting, and review\r\n            of a broad range of civil and commercial contracts,\r\n            including those involving governmental bodies and\r\n            private sector counterparties.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Our experience covers agreements relating to:\r\n        <\/p>\r\n\r\n\r\n        <div class=\"alsh-lines\">\r\n\r\n            <div>\r\n                i. Sale and purchase transactions\r\n            <\/div>\r\n\r\n            <div>\r\n                ii. Leasing and real estate arrangements\r\n            <\/div>\r\n\r\n            <div>\r\n                iii. Investment and joint venture structures\r\n            <\/div>\r\n\r\n            <div>\r\n                iv. Estate and succession planning\r\n            <\/div>\r\n\r\n            <div>\r\n                v. Financial settlements and liquidations\r\n            <\/div>\r\n\r\n            <div>\r\n                vi. Personal status arrangements\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p>\r\n            We focus on delivering clear, enforceable, and\r\n            commercially sound documentation aligned with\r\n            Kuwaiti law and our clients\u2019 strategic objectives.\r\n        <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <button\r\n        class=\"alsh-more\"\r\n        type=\"button\"\r\n        aria-expanded=\"false\"\r\n    >\r\n\r\n        <span\r\n            class=\"alsh-more-text\"\r\n            data-more-text\r\n        >\r\n            More\r\n        <\/span>\r\n\r\n        <span class=\"alsh-more-arrow\">\r\n            \u2193\r\n        <\/span>\r\n\r\n    <\/button>\r\n\r\n\r\n\r\n    <div class=\"alsh-card-footer\">\r\n\r\n\r\n        <a\r\n            href=\"https:\/\/alshayjilegal.com\/services\/\"\r\n            class=\"alsh-details\"\r\n        >\r\n\r\n            View Details\r\n\r\n            <span class=\"alsh-details-arrow\">\r\n                \u2197\r\n            <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/article>\r\n\r\n\r\n\r\n\r\n<!-- ==================================================\r\n     CARD 03\r\n=================================================== -->\r\n\r\n<article class=\"alsh-card\">\r\n\r\n\r\n    <div class=\"alsh-card-top\">\r\n\r\n\r\n        <div class=\"alsh-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n\r\n                <path d=\"M12 3v18\"><\/path>\r\n\r\n                <path d=\"M5 6h14\"><\/path>\r\n\r\n                <path d=\"M7 6l-4 7h8L7 6z\"><\/path>\r\n\r\n                <path d=\"M17 6l-4 7h8l-4-7z\"><\/path>\r\n\r\n                <path d=\"M8 21h8\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"alsh-number\">\r\n            03\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <h3>\r\n        Litigation And Dispute Resolution\r\n    <\/h3>\r\n\r\n\r\n\r\n    <div class=\"alsh-content\">\r\n\r\n\r\n        <p>\r\n            We represent clients across all stages of litigation\r\n            before the Kuwaiti courts, acting on their behalf in\r\n            a wide range of disputes.\r\n        <\/p>\r\n\r\n\r\n        <p>\r\n            Our experience covers:\r\n        <\/p>\r\n\r\n\r\n        <div class=\"alsh-lines\">\r\n\r\n            <div>\r\n                i. Commercial and financial disputes\r\n            <\/div>\r\n\r\n            <div>\r\n                ii. Administrative matters\r\n            <\/div>\r\n\r\n            <div>\r\n                iii. Criminal proceedings\r\n            <\/div>\r\n\r\n            <div>\r\n                iv. Personal status cases\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p>\r\n            We manage proceedings from initial case assessment\r\n            through to final judgment, providing strategic,\r\n            commercially focused advice and robust representation\r\n            to protect our clients\u2019 interests.\r\n        <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <button\r\n        class=\"alsh-more\"\r\n        type=\"button\"\r\n        aria-expanded=\"false\"\r\n    >\r\n\r\n        <span\r\n            class=\"alsh-more-text\"\r\n            data-more-text\r\n        >\r\n            More\r\n        <\/span>\r\n\r\n        <span class=\"alsh-more-arrow\">\r\n            \u2193\r\n        <\/span>\r\n\r\n    <\/button>\r\n\r\n\r\n\r\n    <div class=\"alsh-card-footer\">\r\n\r\n\r\n        <a\r\n            href=\"https:\/\/alshayjilegal.com\/services\/\"\r\n            class=\"alsh-details\"\r\n        >\r\n\r\n            View Details\r\n\r\n            <span class=\"alsh-details-arrow\">\r\n                \u2197\r\n            <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/article>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- ==================================================\r\n     MOBILE SLIDER CONTROLS\r\n=================================================== -->\r\n\r\n<div class=\"alsh-slider-nav\">\r\n\r\n\r\n    <div class=\"alsh-slider-count\">\r\n\r\n        <span class=\"alsh-slider-current\">\r\n            01\r\n        <\/span>\r\n\r\n        &nbsp;\/&nbsp;\r\n\r\n        <span class=\"alsh-slider-total\">\r\n            03\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n        class=\"\r\n            alsh-slider-btn\r\n            alsh-prev\r\n        \"\r\n        type=\"button\"\r\n        aria-label=\"Previous service\"\r\n    >\r\n        <span data-prev-arrow>\r\n            \u2190\r\n        <\/span>\r\n    <\/button>\r\n\r\n\r\n    <button\r\n        class=\"\r\n            alsh-slider-btn\r\n            alsh-next\r\n        \"\r\n        type=\"button\"\r\n        aria-label=\"Next service\"\r\n    >\r\n        <span data-next-arrow>\r\n            \u2192\r\n        <\/span>\r\n    <\/button>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    document\r\n    .querySelectorAll(\r\n        '[data-alsh-services]'\r\n    )\r\n    .forEach(function(root){\r\n\r\n\r\n        \/* Avoid duplicate initialization *\/\r\n\r\n        if(\r\n            root.dataset.alshInitialized ===\r\n            'true'\r\n        ){\r\n            return;\r\n        }\r\n\r\n\r\n        root.dataset.alshInitialized =\r\n            'true';\r\n\r\n\r\n\r\n        \/* =================================================\r\n           ELEMENTS\r\n        ================================================= *\/\r\n\r\n        const slider =\r\n            root.querySelector(\r\n                '[data-alsh-slider]'\r\n            );\r\n\r\n\r\n        const cards =\r\n            Array.from(\r\n                root.querySelectorAll(\r\n                    '.alsh-card'\r\n                )\r\n            );\r\n\r\n\r\n        const prev =\r\n            root.querySelector(\r\n                '.alsh-prev'\r\n            );\r\n\r\n\r\n        const next =\r\n            root.querySelector(\r\n                '.alsh-next'\r\n            );\r\n\r\n\r\n        const prevArrow =\r\n            root.querySelector(\r\n                '[data-prev-arrow]'\r\n            );\r\n\r\n\r\n        const nextArrow =\r\n            root.querySelector(\r\n                '[data-next-arrow]'\r\n            );\r\n\r\n\r\n        const current =\r\n            root.querySelector(\r\n                '.alsh-slider-current'\r\n            );\r\n\r\n\r\n        const total =\r\n            root.querySelector(\r\n                '.alsh-slider-total'\r\n            );\r\n\r\n\r\n        if(!slider){\r\n            return;\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           LANGUAGE DETECTION\r\n        ================================================= *\/\r\n\r\n        function isRTL(){\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                ).toLowerCase();\r\n\r\n\r\n            const dir =\r\n                (\r\n                    html.getAttribute('dir') ||\r\n                    ''\r\n                ).toLowerCase();\r\n\r\n\r\n            const computedDirection =\r\n                window\r\n                .getComputedStyle(html)\r\n                .direction;\r\n\r\n\r\n            return (\r\n                lang.startsWith('ar') ||\r\n                dir === 'rtl' ||\r\n                computedDirection === 'rtl'\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        let rtl =\r\n            isRTL();\r\n\r\n\r\n\r\n        \/* =================================================\r\n           NUMBER FORMAT\r\n        ================================================= *\/\r\n\r\n        function number(value){\r\n\r\n            return String(value)\r\n                .padStart(2,'0');\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           MORE \/ LESS\r\n        ================================================= *\/\r\n\r\n        function updateMoreButton(\r\n            card\r\n        ){\r\n\r\n            const button =\r\n                card.querySelector(\r\n                    '.alsh-more'\r\n                );\r\n\r\n\r\n            const label =\r\n                card.querySelector(\r\n                    '[data-more-text]'\r\n                );\r\n\r\n\r\n            if(\r\n                !button ||\r\n                !label\r\n            ){\r\n                return;\r\n            }\r\n\r\n\r\n            const expanded =\r\n                card.classList.contains(\r\n                    'is-expanded'\r\n                );\r\n\r\n\r\n            button.setAttribute(\r\n                'aria-expanded',\r\n                expanded\r\n                    ? 'true'\r\n                    : 'false'\r\n            );\r\n\r\n\r\n            if(rtl){\r\n\r\n                label.textContent =\r\n                    expanded\r\n                        ? '\u0623\u0642\u0644'\r\n                        : '\u0627\u0644\u0645\u0632\u064a\u062f';\r\n\r\n            }else{\r\n\r\n                label.textContent =\r\n                    expanded\r\n                        ? 'Less'\r\n                        : 'More';\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        cards.forEach(\r\n            function(card){\r\n\r\n                const button =\r\n                    card.querySelector(\r\n                        '.alsh-more'\r\n                    );\r\n\r\n\r\n                if(!button){\r\n                    return;\r\n                }\r\n\r\n\r\n                button.addEventListener(\r\n                    'click',\r\n                    function(){\r\n\r\n                        const opening =\r\n                            !card\r\n                            .classList\r\n                            .contains(\r\n                                'is-expanded'\r\n                            );\r\n\r\n\r\n                        \/*\r\n                         * Close the other cards\r\n                         *\/\r\n\r\n                        cards.forEach(\r\n                            function(other){\r\n\r\n                                if(\r\n                                    other !== card\r\n                                ){\r\n\r\n                                    other.classList.remove(\r\n                                        'is-expanded'\r\n                                    );\r\n\r\n\r\n                                    updateMoreButton(\r\n                                        other\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n\r\n                        card\r\n                        .classList\r\n                        .toggle(\r\n                            'is-expanded',\r\n                            opening\r\n                        );\r\n\r\n\r\n                        updateMoreButton(\r\n                            card\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =================================================\r\n           APPLY LANGUAGE \/ RTL\r\n        ================================================= *\/\r\n\r\n        function applyDirection(){\r\n\r\n            rtl =\r\n                isRTL();\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            \/*\r\n             * Mobile arrows\r\n             *\/\r\n\r\n            if(prevArrow){\r\n\r\n                prevArrow.textContent =\r\n                    rtl\r\n                        ? '\u2192'\r\n                        : '\u2190';\r\n\r\n            }\r\n\r\n\r\n            if(nextArrow){\r\n\r\n                nextArrow.textContent =\r\n                    rtl\r\n                        ? '\u2190'\r\n                        : '\u2192';\r\n\r\n            }\r\n\r\n\r\n            \/*\r\n             * Accessibility\r\n             *\/\r\n\r\n            if(prev){\r\n\r\n                prev.setAttribute(\r\n                    'aria-label',\r\n                    rtl\r\n                        ? '\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629'\r\n                        : 'Previous service'\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\u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629'\r\n                        : 'Next service'\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/*\r\n             * More \/ Less\r\n             *\/\r\n\r\n            cards.forEach(\r\n                updateMoreButton\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           SLIDER\r\n        ================================================= *\/\r\n\r\n        let currentIndex = 0;\r\n\r\n\r\n\r\n        function updateCounter(){\r\n\r\n            if(current){\r\n\r\n                current.textContent =\r\n                    number(\r\n                        currentIndex + 1\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            if(total){\r\n\r\n                total.textContent =\r\n                    number(\r\n                        cards.length\r\n                    );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           GO TO SLIDE\r\n        ================================================= *\/\r\n\r\n        function goTo(\r\n            index,\r\n            smooth = true\r\n        ){\r\n\r\n            if(!cards.length){\r\n                return;\r\n            }\r\n\r\n\r\n            if(index < 0){\r\n\r\n                index =\r\n                    cards.length - 1;\r\n\r\n            }\r\n\r\n\r\n            if(\r\n                index >= cards.length\r\n            ){\r\n\r\n                index = 0;\r\n\r\n            }\r\n\r\n\r\n            currentIndex =\r\n                index;\r\n\r\n\r\n            const card =\r\n                cards[index];\r\n\r\n\r\n            \/*\r\n             * Reliable for RTL + LTR\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            updateCounter();\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           PREVIOUS\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\r\n                    goTo(\r\n                        currentIndex - 1\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           NEXT\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\r\n                    goTo(\r\n                        currentIndex + 1\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           DETECT CURRENT AFTER SWIPE\r\n        ================================================= *\/\r\n\r\n        let scrollTimer;\r\n\r\n\r\n        function detectCurrent(){\r\n\r\n            if(!cards.length){\r\n                return;\r\n            }\r\n\r\n\r\n            const sliderRect =\r\n                slider\r\n                .getBoundingClientRect();\r\n\r\n\r\n            const reference =\r\n                rtl\r\n                    ? sliderRect.right\r\n                    : sliderRect.left;\r\n\r\n\r\n            let closestIndex =\r\n                currentIndex;\r\n\r\n\r\n            let closestDistance =\r\n                Infinity;\r\n\r\n\r\n            cards.forEach(\r\n                function(\r\n                    card,\r\n                    index\r\n                ){\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                        closestDistance\r\n                    ){\r\n\r\n                        closestDistance =\r\n                            distance;\r\n\r\n                        closestIndex =\r\n                            index;\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            currentIndex =\r\n                closestIndex;\r\n\r\n\r\n            updateCounter();\r\n\r\n        }\r\n\r\n\r\n\r\n        slider.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                        80\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           LANGUAGE CHANGE WATCH\r\n           TRANSLATEPRESS\r\n        ================================================= *\/\r\n\r\n        let previousRTL =\r\n            rtl;\r\n\r\n\r\n        const observer =\r\n            new MutationObserver(\r\n                function(){\r\n\r\n                    const newRTL =\r\n                        isRTL();\r\n\r\n\r\n                    if(\r\n                        newRTL !== previousRTL\r\n                    ){\r\n\r\n                        previousRTL =\r\n                            newRTL;\r\n\r\n\r\n                        applyDirection();\r\n\r\n\r\n                        setTimeout(\r\n                            function(){\r\n\r\n                                goTo(\r\n                                    currentIndex,\r\n                                    false\r\n                                );\r\n\r\n                            },\r\n                            80\r\n                        );\r\n\r\n                    }else{\r\n\r\n                        \/*\r\n                         * TranslatePress may change\r\n                         * attributes\/classes without\r\n                         * changing RTL state.\r\n                         *\/\r\n\r\n                        applyDirection();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n        observer.observe(\r\n            document.documentElement,\r\n            {\r\n                attributes:true,\r\n\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           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                            goTo(\r\n                                currentIndex,\r\n                                false\r\n                            );\r\n\r\n                        },\r\n                        120\r\n                    );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =================================================\r\n           INITIAL STATE\r\n        ================================================= *\/\r\n\r\n        cards.forEach(\r\n            updateMoreButton\r\n        );\r\n\r\n\r\n        updateCounter();\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d50ef00 elementor-widget elementor-widget-kanun-theme-button-widget\" data-id=\"d50ef00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"kanun-theme-button-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\r\n\r\n\t<a href=\"https:\/\/alshayjilegal.com\/services\/\" class=\"theme-btn\">\r\n\t\tMore services\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\t<\/a>\r\n\r\n\t\r\n\r\n             \r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-842610d e-flex e-con-boxed e-con e-parent\" data-id=\"842610d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5359647 elementor-widget elementor-widget-html\" data-id=\"5359647\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Alshayji Legal Group \u2014 Our Areas of Practice\r\n     Paste this entire code into ONE Elementor HTML widget. -->\r\n<div id=\"alg-practice-widget\">\r\n  <section class=\"ap-section\" aria-labelledby=\"ap-title\">\r\n    <div class=\"ap-pattern\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"ap-shell\">\r\n      <header class=\"ap-head ap-reveal\">\r\n        <span class=\"ap-kicker\"><i><\/i>Our Areas of Practice<\/span>\r\n        <h2 id=\"ap-title\">Legal Expertise Across Key Business and Industry Sectors<\/h2>\r\n      <\/header>\r\n\r\n      <div class=\"ap-cards ap-reveal\">\r\n        <article class=\"ap-card\">\r\n          <figure><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/10-scaled.jpg\" alt=\"Doing Business in Kuwait\" loading=\"lazy\" decoding=\"async\"><\/figure>\r\n          <div class=\"ap-shade\"><\/div>\r\n          <div class=\"ap-card-top\"><span>01<\/span><small>Practice Area<\/small><\/div>\r\n          <div class=\"ap-card-copy\">\r\n            <h3>Doing Business in Kuwait<\/h3>\r\n            <p>We advise and represent international companies seeking to establish and expand their operations in Kuwait.<\/p>\r\n            <button type=\"button\" class=\"ap-more\" data-ap-open=\"0\">Read More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ap-card\">\r\n          <figure><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/elementor\/thumbs\/0V8A3577-scaled-rjj82istd98jilnb417k2cioxyl0md6ho4utjw24m8.webp\" alt=\"Cybercrime and Information Technology\" loading=\"lazy\" decoding=\"async\"><\/figure>\r\n          <div class=\"ap-shade\"><\/div>\r\n          <div class=\"ap-card-top\"><span>02<\/span><small>Practice Area<\/small><\/div>\r\n          <div class=\"ap-card-copy\">\r\n            <h3>Cybercrime &amp; Information Technology<\/h3>\r\n            <p>We advise companies and individuals on navigating legal challenges arising from cybercrime and technology-related matters.<\/p>\r\n            <button type=\"button\" class=\"ap-more\" data-ap-open=\"1\">Read More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ap-card\">\r\n          <figure><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3489-scaled.webp\" alt=\"Arbitration and Disputes Settlement\" loading=\"lazy\" decoding=\"async\"><\/figure>\r\n          <div class=\"ap-shade\"><\/div>\r\n          <div class=\"ap-card-top\"><span>03<\/span><small>Practice Area<\/small><\/div>\r\n          <div class=\"ap-card-copy\">\r\n            <h3>Arbitration and Disputes Settlement<\/h3>\r\n            <p>We deliver strategic, efficient, and commercially focused dispute resolution solutions across complex cross-border matters.<\/p>\r\n            <button type=\"button\" class=\"ap-more\" data-ap-open=\"2\">Read More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"ap-modal\" data-ap-modal hidden aria-hidden=\"true\">\r\n    <div class=\"ap-modal-backdrop\" data-ap-close><\/div>\r\n    <div class=\"ap-modal-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ap-modal-title\">\r\n      <button class=\"ap-modal-close\" type=\"button\" data-ap-close aria-label=\"Close practice details\"><span>Close<\/span><svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg><\/button>\r\n      <div class=\"ap-modal-grid\">\r\n        <figure class=\"ap-modal-image\"><img decoding=\"async\" data-ap-image src=\"\" alt=\"\"><\/figure>\r\n        <div class=\"ap-modal-copy\">\r\n          <div class=\"ap-modal-meta\"><span>Practice Area<\/span><b data-ap-number>01 \/ 03<\/b><\/div>\r\n          <h2 id=\"ap-modal-title\" data-ap-title><\/h2>\r\n          <div class=\"ap-richtext\" data-ap-content><\/div>\r\n          <div class=\"ap-modal-nav\">\r\n            <button type=\"button\" data-ap-prev><svg viewBox=\"0 0 24 24\"><path d=\"M19 12H5M11 18l-6-6 6-6\"\/><\/svg>Previous<\/button>\r\n            <button type=\"button\" data-ap-next>Next<svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\nhtml.ap-page-lock{overflow:hidden!important}\r\n#alg-practice-widget{--olive:#899371;--olive-dark:#17382e;--gold:#aa8046;--ink:#171d21;--white:#fff;--line:rgba(255,255,255,.17);width:100%;font-family:var(--e-global-typography-text-font-family,Arial,sans-serif);-webkit-font-smoothing:antialiased}\r\n#alg-practice-widget *,#alg-practice-widget *:before,#alg-practice-widget *:after{box-sizing:border-box}\r\n#alg-practice-widget img{display:block;max-width:100%}\r\n#alg-practice-widget button{font:inherit;cursor:pointer}\r\n#alg-practice-widget svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\r\n#alg-practice-widget .ap-section{position:relative;overflow:hidden;padding:84px 0 78px;background:#fff;color:var(--ink)}\r\n#alg-practice-widget .ap-pattern{display:none}\r\n#alg-practice-widget .ap-shell{width:min(1320px,calc(100% - 80px));margin:auto;position:relative;z-index:1}\r\n#alg-practice-widget .ap-head{max-width:920px;margin:0 auto 42px;text-align:center}\r\n#alg-practice-widget .ap-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-bottom:24px;padding:7px 18px;border-radius:999px;color:#fff;background:var(--gold);font-size:13px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;box-shadow:0 8px 22px rgba(170,128,70,.16)}\r\n#alg-practice-widget .ap-kicker i{display:none}\r\n#alg-practice-widget h2,#alg-practice-widget h3{margin-top:0;font-family:var(--e-global-typography-primary-font-family,inherit);font-weight:600;letter-spacing:-.035em}\r\n#alg-practice-widget .ap-head h2{max-width:900px;margin:0 auto;color:var(--olive-dark);font-size:clamp(27px,2.45vw,38px);line-height:1.16;font-weight:700;letter-spacing:-.025em;text-transform:none}\r\n#alg-practice-widget .ap-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n#alg-practice-widget .ap-card{min-height:570px;position:relative;overflow:hidden;background:#111}\r\n#alg-practice-widget .ap-card figure{position:absolute;inset:0;margin:0}\r\n#alg-practice-widget .ap-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}\r\n#alg-practice-widget .ap-card:hover figure img{transform:scale(1.055)}\r\n#alg-practice-widget .ap-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,17,.18),rgba(10,15,17,.18) 30%,rgba(10,15,17,.93) 100%);transition:background .4s ease}\r\n#alg-practice-widget .ap-card:hover .ap-shade{background:linear-gradient(180deg,rgba(10,15,17,.22),rgba(10,15,17,.36) 28%,rgba(10,15,17,.97) 100%)}\r\n#alg-practice-widget .ap-card-top{position:absolute;top:0;left:0;right:0;padding:26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}\r\n#alg-practice-widget .ap-card-top span{font-size:24px;font-weight:500}\r\n#alg-practice-widget .ap-card-top small{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}\r\n#alg-practice-widget .ap-card-copy{position:absolute;left:0;right:0;bottom:0;padding:34px 30px 31px}\r\n#alg-practice-widget .ap-card-copy h3{margin-bottom:15px;color:#fff;font-size:clamp(25px,2.3vw,34px);line-height:1.12}\r\n#alg-practice-widget .ap-card-copy p{min-height:74px;margin:0 0 24px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.65}\r\n#alg-practice-widget .ap-more{display:inline-flex;align-items:center;gap:14px;padding:0;border:0;color:#fff;background:transparent;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}\r\n#alg-practice-widget .ap-more svg{width:18px;transition:transform .3s ease}\r\n#alg-practice-widget .ap-more:hover svg{transform:translateX(5px)}\r\n#alg-practice-widget .ap-modal{position:fixed;inset:0;z-index:999999}\r\n#alg-practice-widget .ap-modal[hidden]{display:none}\r\n#alg-practice-widget .ap-modal-backdrop{position:absolute;inset:0;background:rgba(8,12,14,.76);backdrop-filter:blur(7px)}\r\n#alg-practice-widget .ap-modal-dialog{position:absolute;width:min(1120px,calc(100% - 50px));max-height:calc(100vh - 50px);left:50%;top:50%;transform:translate(-50%,-48%);overflow:hidden;color:#fff;background:var(--ink);box-shadow:0 40px 120px rgba(0,0,0,.38);opacity:0;transition:opacity .35s ease,transform .35s ease}\r\n#alg-practice-widget .ap-modal.is-open .ap-modal-dialog{opacity:1;transform:translate(-50%,-50%)}\r\n#alg-practice-widget .ap-modal-close{position:absolute;z-index:5;top:20px;right:20px;display:inline-flex;align-items:center;gap:9px;padding:10px 12px;border:0;color:#fff;background:rgba(0,0,0,.38);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}\r\n#alg-practice-widget .ap-modal-close svg{width:16px}\r\n#alg-practice-widget .ap-modal-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);max-height:calc(100vh - 50px)}\r\n#alg-practice-widget .ap-modal-image{min-height:650px;margin:0;overflow:hidden}\r\n#alg-practice-widget .ap-modal-image img{width:100%;height:100%;object-fit:cover}\r\n#alg-practice-widget .ap-modal-copy{min-height:650px;padding:65px clamp(35px,5vw,70px) 35px;overflow-y:auto;scrollbar-width:thin}\r\n#alg-practice-widget .ap-modal-meta{display:flex;justify-content:space-between;padding-bottom:17px;margin-bottom:31px;border-bottom:1px solid var(--line);color:var(--olive);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}\r\n#alg-practice-widget .ap-modal-copy h2{margin:0 0 28px;color:#fff;font-size:clamp(36px,4vw,54px);line-height:1.05}\r\n#alg-practice-widget .ap-richtext{color:rgba(255,255,255,.72);font-size:15px;line-height:1.85}\r\n#alg-practice-widget .ap-richtext p{margin:0 0 18px}\r\n#alg-practice-widget .ap-richtext ol{margin:8px 0 20px;padding-left:23px;list-style-type:lower-roman}\r\n#alg-practice-widget .ap-richtext li{margin-bottom:8px;padding-left:5px}\r\n#alg-practice-widget .ap-modal-nav{display:flex;justify-content:space-between;gap:15px;padding-top:28px;margin-top:30px;border-top:1px solid var(--line)}\r\n#alg-practice-widget .ap-modal-nav button{display:inline-flex;align-items:center;gap:10px;border:0;padding:0;color:#fff;background:transparent;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}\r\n#alg-practice-widget .ap-modal-nav svg{width:17px}\r\n#alg-practice-widget .ap-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}\r\n#alg-practice-widget .ap-reveal.is-visible{opacity:1;transform:none}\r\n@media(max-width:900px){#alg-practice-widget .ap-cards{grid-template-columns:1fr}#alg-practice-widget .ap-card{min-height:460px}#alg-practice-widget .ap-card-copy p{min-height:auto}#alg-practice-widget .ap-modal-grid{grid-template-columns:1fr;overflow-y:auto}#alg-practice-widget .ap-modal-image{min-height:280px;height:280px}#alg-practice-widget .ap-modal-copy{min-height:auto;overflow:visible}}\r\n@media(max-width:680px){#alg-practice-widget .ap-section{padding:72px 0}#alg-practice-widget .ap-shell{width:calc(100% - 32px)}#alg-practice-widget .ap-head{margin-bottom:30px}#alg-practice-widget .ap-kicker{min-height:31px;margin-bottom:18px;padding:7px 15px;font-size:12px}#alg-practice-widget .ap-head h2{font-size:clamp(25px,8vw,31px);line-height:1.25}#alg-practice-widget .ap-card{min-height:480px}#alg-practice-widget .ap-modal-dialog{width:calc(100% - 18px);max-height:calc(100vh - 18px)}#alg-practice-widget .ap-modal-grid{max-height:calc(100vh - 18px)}#alg-practice-widget .ap-modal-image{height:230px;min-height:230px}#alg-practice-widget .ap-modal-copy{padding:38px 22px 24px}#alg-practice-widget .ap-modal-copy h2{font-size:34px}#alg-practice-widget .ap-modal-close span{display:none}}\r\n@media(prefers-reduced-motion:reduce){#alg-practice-widget *,#alg-practice-widget *:before,#alg-practice-widget *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n const root=document.getElementById('alg-practice-widget');\r\n if(!root||root.dataset.ready==='1')return; root.dataset.ready='1';\r\n const reduced=matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const data=[\r\n  {number:'01 \/ 03',title:'Doing Business in Kuwait',image:'https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/10-scaled.jpg',content:`<p>We advise and represent international companies seeking to establish and expand their operations in Kuwait, providing end-to-end legal support throughout the business lifecycle.<\/p><p>Our services include:<\/p><ol><li>Structuring market entry and foreign investment arrangements<\/li><li>Establishing legal entities and obtaining required licenses<\/li><li>Liaising with governmental and regulatory authorities<\/li><li>Drafting and negotiating all necessary commercial agreements<\/li><li>Advising on ongoing regulatory and compliance matters<\/li><\/ol><p>We offer a seamless, full-service approach, enabling our clients to enter and operate in the Kuwaiti market with confidence, efficiency, and full legal compliance.<\/p>`},\r\n  {number:'02 \/ 03',title:'Cybercrime & Information Technology',image:'https:\/\/alshayjilegal.com\/wp-content\/uploads\/elementor\/thumbs\/0V8A3577-scaled-rjj82istd98jilnb417k2cioxyl0md6ho4utjw24m8.webp',content:`<p>As businesses increasingly rely on digital infrastructure and financial systems, they are exposed to a growing range of cyber risks, including fraud, data breaches, misappropriation of funds, and infringement of intellectual property rights.<\/p><p>We advise companies and individuals on navigating the legal challenges arising from cybercrime and technology-related matters. Our services include risk mitigation, regulatory compliance, incident response, and legal action in relation to cyber-related disputes and offenses.<\/p><p>We take a proactive and strategic approach to protecting our clients\u2019 digital assets, financial interests, and intellectual property in an evolving technological landscape.<\/p>`},\r\n  {number:'03 \/ 03',title:'Arbitration and Disputes Settlement',image:'https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3489-scaled.webp',content:`<p>Alshayji Legal Group brings together a team of experienced arbitration practitioners with expertise across multiple legal traditions, including the French civil law system and the Anglo-American common law system. Our practitioners are well-versed in the application of both institutional and ad hoc arbitration rules, and regularly advise on disputes resolved under a variety of established procedural frameworks.<\/p><p>We are committed to delivering strategic, efficient, and commercially focused dispute resolution solutions to clients across complex cross-border matters.<\/p>`}\r\n ];\r\n const modal=root.querySelector('[data-ap-modal]'),img=root.querySelector('[data-ap-image]'),title=root.querySelector('[data-ap-title]'),num=root.querySelector('[data-ap-number]'),content=root.querySelector('[data-ap-content]');\r\n let index=0,lastTrigger=null;\r\n function fill(i){index=(i+data.length)%data.length;const item=data[index];img.src=item.image;img.alt=item.title;title.textContent=item.title;num.textContent=item.number;content.innerHTML=item.content;root.querySelector('.ap-modal-copy').scrollTop=0}\r\n function open(i,trigger){lastTrigger=trigger;fill(i);modal.hidden=false;modal.setAttribute('aria-hidden','false');document.documentElement.classList.add('ap-page-lock');requestAnimationFrame(()=>modal.classList.add('is-open'));root.querySelector('.ap-modal-close').focus({preventScroll:true})}\r\n function close(){modal.classList.remove('is-open');setTimeout(()=>{modal.hidden=true;modal.setAttribute('aria-hidden','true');document.documentElement.classList.remove('ap-page-lock');lastTrigger?.focus?.({preventScroll:true})},reduced?0:350)}\r\n root.querySelectorAll('[data-ap-open]').forEach(b=>b.addEventListener('click',()=>open(+b.dataset.apOpen,b)));\r\n root.querySelectorAll('[data-ap-close]').forEach(b=>b.addEventListener('click',close));\r\n root.querySelector('[data-ap-prev]').addEventListener('click',()=>fill(index-1));\r\n root.querySelector('[data-ap-next]').addEventListener('click',()=>fill(index+1));\r\n document.addEventListener('keydown',e=>{if(modal.hidden)return;if(e.key==='Escape')close();if(e.key==='ArrowLeft')fill(index-1);if(e.key==='ArrowRight')fill(index+1)});\r\n const observer='IntersectionObserver'in window?new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('is-visible');observer.unobserve(e.target)}}),{threshold:.12}):null;\r\n root.querySelectorAll('.ap-reveal').forEach(el=>observer?observer.observe(el):el.classList.add('is-visible'));\r\n})();\r\n<\/script>\r\n<style>\r\n\/* =========================================================\r\n   ARABIC RTL - READ MORE ARROWS ONLY\r\n========================================================= *\/\r\n\r\n\/* English \/ LTR *\/\r\n.ap-more svg{\r\n    transform:scaleX(1) !important;\r\n    transform-origin:center !important;\r\n}\r\n\r\n\/* Arabic \/ RTL *\/\r\nhtml[dir=\"rtl\"] .ap-more svg,\r\nhtml[lang^=\"ar\"] .ap-more svg,\r\nhtml:lang(ar) .ap-more svg,\r\nbody.rtl .ap-more svg,\r\n[dir=\"rtl\"] .ap-more svg{\r\n    transform:scaleX(-1) !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8191bb1 elementor-widget elementor-widget-kanun-theme-button-widget\" data-id=\"8191bb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"kanun-theme-button-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\r\n\r\n\t<a href=\"https:\/\/alshayjilegal.com\/services#pr\" class=\"theme-btn\">\r\n\t\tRead More \t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\t<\/a>\r\n\r\n\t\r\n\r\n             \r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7841303 e-flex e-con-boxed e-con e-parent\" data-id=\"7841303\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1a84b28 e-con-full e-flex e-con e-child\" data-id=\"1a84b28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c02d6f4 elementor-widget elementor-widget-heading\" data-id=\"c02d6f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Speech by the Group Leader<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b837a2c elementor-widget elementor-widget-heading\" data-id=\"b837a2c\" 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\">Ms. Aisha Abdulrahman AlShayji , Lawyer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4f6b2d elementor-widget elementor-widget-text-editor\" data-id=\"f4f6b2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From the very first moment I envisioned establishing this group, I firmly believed that excellence in legal practice is not achieved through knowledge alone, but through a clear vision, a team guided by values above titles, and an unwavering commitment to client satisfaction and the pursuit of justice above all else.<br \/>AIShayji Legal Group was founded on the belief that law is not merely a profession \u2014 it is a responsibility, a partnership, and a trust built with every individual and institution we serve. For this reason, it has always been my priority to build a team that is a true asset \u2014 not in numbers alone, but in quality, competence, and character.<\/p><p>Today, we are proud to be the official legal representative of Dar AIShayji Holding, serving a wide range of clients across the medical, real estate, commercial, and other sectors, through a comprehensive legal framework built on confidentiality, trust, and a solution-oriented approach.<\/p><p>Our vision for the future is clear: to be a strategic partner for businesses and institutions, offering entrepreneurs and investors a secure, empowering legal environment that fosters sustainable growth \u2014 built on ethics, professionalism, and lasting integrity.<\/p><p>I extend my deepest gratitude to every client who has placed their trust in us, and to every member of our team who continues to ensure that the law remains exactly as it should be.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c68619e e-con-full e-flex e-con e-child\" data-id=\"c68619e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8078a elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"1d8078a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-quote-left\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40a0953 elementor-widget elementor-widget-heading\" data-id=\"40a0953\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">I extend my deepest gratitude to every client who has placed\ntheir trust in us, and to every member of our team who continues\nto ensure that the law remains exactly as it should be.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b70229d elementor-widget elementor-widget-image\" data-id=\"b70229d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"316\" height=\"71\" src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/Alshayji-Profile-22.png\" class=\"attachment-large size-large wp-image-1409\" alt=\"\" srcset=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/Alshayji-Profile-22.png 316w, https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/Alshayji-Profile-22-300x67.png 300w\" sizes=\"(max-width: 316px) 100vw, 316px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d96f6f e-con-full e-flex e-con e-child\" data-id=\"8d96f6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c07955f elementor-widget elementor-widget-image\" data-id=\"c07955f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"800\" src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/Al-Shayji-copy.png\" class=\"attachment-large size-large wp-image-1413\" alt=\"\" srcset=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/Al-Shayji-copy.png 600w, https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/12\/Al-Shayji-copy-225x300.png 225w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70665db e-flex e-con-boxed e-con e-parent\" data-id=\"70665db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48ca994 elementor-widget elementor-widget-html\" data-id=\"48ca994\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Alshayji Legal Group \u2014 Gallery with Lightbox\r\n     Paste this entire code into ONE Elementor HTML widget. -->\r\n<div id=\"alg-gallery-widget\">\r\n  <section class=\"ag-section\" aria-labelledby=\"ag-title\">\r\n    <div class=\"ag-shell\">\r\n      <header class=\"ag-head ag-reveal\">\r\n        <div class=\"ag-heading-wrap\">\r\n          <span class=\"ag-badge\">Gallery<\/span>\r\n          <h2 id=\"ag-title\">Some Of The Images From AlShayji Legal Group<\/h2>\r\n        <\/div>\r\n        <div class=\"ag-controls\" aria-label=\"Gallery navigation\">\r\n          <button type=\"button\" class=\"ag-circle\" data-ag-prev aria-label=\"Previous gallery images\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 12H5M11 18l-6-6 6-6\"\/><\/svg><\/button>\r\n          <button type=\"button\" class=\"ag-circle\" data-ag-next aria-label=\"Next gallery images\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n        <\/div>\r\n      <\/header>\r\n    <\/div>\r\n\r\n    <div class=\"ag-viewport ag-reveal\" data-ag-viewport>\r\n      <div class=\"ag-track\">\r\n        <button class=\"ag-item alg-gallery-tall\" type=\"button\" data-ag-index=\"0\" aria-label=\"Open gallery image 1\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3606-scaled.webp\" alt=\"AlShayji Legal Group gallery image 1\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"1\" aria-label=\"Open gallery image 2\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3403-scaled.webp\" alt=\"AlShayji Legal Group gallery image 2\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-wide\" type=\"button\" data-ag-index=\"2\" aria-label=\"Open gallery image 3\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3433-scaled.webp\" alt=\"AlShayji Legal Group gallery image 3\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"3\" aria-label=\"Open gallery image 4\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3480-scaled.webp\" alt=\"AlShayji Legal Group gallery image 4\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-tall\" type=\"button\" data-ag-index=\"4\" aria-label=\"Open gallery image 5\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3489-scaled.webp\" alt=\"AlShayji Legal Group gallery image 5\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"5\" aria-label=\"Open gallery image 6\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3518-scaled.webp\" alt=\"AlShayji Legal Group gallery image 6\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-wide\" type=\"button\" data-ag-index=\"6\" aria-label=\"Open gallery image 7\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3624-scaled.webp\" alt=\"AlShayji Legal Group gallery image 7\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"7\" aria-label=\"Open gallery image 8\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3665-scaled.webp\" alt=\"AlShayji Legal Group gallery image 8\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-tall\" type=\"button\" data-ag-index=\"8\" aria-label=\"Open gallery image 9\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3667-scaled.webp\" alt=\"AlShayji Legal Group gallery image 9\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"9\" aria-label=\"Open gallery image 10\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3676-scaled.webp\" alt=\"AlShayji Legal Group gallery image 10\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-wide\" type=\"button\" data-ag-index=\"10\" aria-label=\"Open gallery image 11\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3689-1-scaled.webp\" alt=\"AlShayji Legal Group gallery image 11\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"11\" aria-label=\"Open gallery image 12\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3695-1-scaled.webp\" alt=\"AlShayji Legal Group gallery image 12\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-tall\" type=\"button\" data-ag-index=\"12\" aria-label=\"Open gallery image 13\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3718-scaled.webp\" alt=\"AlShayji Legal Group gallery image 13\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"13\" aria-label=\"Open gallery image 14\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3725-scaled.webp\" alt=\"AlShayji Legal Group gallery image 14\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-wide\" type=\"button\" data-ag-index=\"14\" aria-label=\"Open gallery image 15\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3731-scaled.webp\" alt=\"AlShayji Legal Group gallery image 15\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"15\" aria-label=\"Open gallery image 16\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3758-scaled.webp\" alt=\"AlShayji Legal Group gallery image 16\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-tall\" type=\"button\" data-ag-index=\"16\" aria-label=\"Open gallery image 17\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3601-scaled.webp\" alt=\"AlShayji Legal Group gallery image 17\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-wide\" type=\"button\" data-ag-index=\"17\" aria-label=\"Open gallery image 18\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3775-2-scaled.webp\" alt=\"AlShayji Legal Group gallery image 18\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"18\" aria-label=\"Open gallery image 19\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3721-1-scaled.webp\" alt=\"AlShayji Legal Group gallery image 19\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-tall\" type=\"button\" data-ag-index=\"19\" aria-label=\"Open gallery image 20\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3637-scaled.webp\" alt=\"AlShayji Legal Group gallery image 20\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"20\" aria-label=\"Open gallery image 21\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3384-scaled.webp\" alt=\"AlShayji Legal Group gallery image 21\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item alg-gallery-wide\" type=\"button\" data-ag-index=\"21\" aria-label=\"Open gallery image 22\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3415-scaled.webp\" alt=\"AlShayji Legal Group gallery image 22\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n        <button class=\"ag-item \" type=\"button\" data-ag-index=\"22\" aria-label=\"Open gallery image 23\"><img src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2026\/02\/0V8A3606-1-scaled.webp\" alt=\"AlShayji Legal Group gallery image 23\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ag-shell\"><div class=\"ag-progress\"><span><\/span><\/div><\/div>\r\n  <\/section>\r\n\r\n  <div id=\"alg-gallery-lightbox\" class=\"ag-lightbox\" data-ag-lightbox hidden aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Full-screen image gallery\">\r\n    <div class=\"ag-backdrop\" data-ag-close><\/div>\r\n    <button class=\"ag-close\" type=\"button\" data-ag-close aria-label=\"Close image\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg><\/button>\r\n    <button class=\"ag-lightbox-arrow ag-lightbox-prev\" type=\"button\" data-ag-lightbox-prev aria-label=\"Previous image\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 12H5M11 18l-6-6 6-6\"\/><\/svg><\/button>\r\n    <figure><img decoding=\"async\" data-ag-lightbox-image src=\"\" alt=\"AlShayji Legal Group gallery image\"><figcaption data-ag-counter>1 \/ 23<\/figcaption><\/figure>\r\n    <button class=\"ag-lightbox-arrow ag-lightbox-next\" type=\"button\" data-ag-lightbox-next aria-label=\"Next image\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\nhtml.ag-page-lock,body.ag-page-lock{overflow:hidden!important}\r\n#alg-gallery-widget{\r\n  --olive:#899371;\r\n  --olive-dark:#173d32;\r\n  --gold:#a77f45;\r\n  --ink:#171d21;\r\n  --line:rgba(23,29,33,.13);\r\n  width:100%;\r\n  font-family:var(--e-global-typography-text-font-family,Arial,sans-serif);\r\n  -webkit-font-smoothing:antialiased\r\n}\r\n#alg-gallery-widget *,#alg-gallery-widget *:before,#alg-gallery-widget *:after{box-sizing:border-box}\r\n#alg-gallery-widget img{display:block;max-width:100%}\r\n#alg-gallery-widget button{font:inherit;cursor:pointer}\r\n#alg-gallery-widget svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n\/* White section background *\/\r\n#alg-gallery-widget .ag-section{padding:84px 0 78px;background:#fff;overflow:hidden}\r\n#alg-gallery-widget .ag-shell{width:min(1320px,calc(100% - 80px));margin:auto}\r\n\r\n\/* Heading matched to the section above *\/\r\n#alg-gallery-widget .ag-head{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:128px;margin-bottom:42px;text-align:center}\r\n#alg-gallery-widget .ag-heading-wrap{width:min(920px,calc(100% - 150px));margin:auto;display:flex;flex-direction:column;align-items:center}\r\n#alg-gallery-widget .ag-badge{display:inline-flex;align-items:center;justify-content:center;margin:0 0 24px;padding:9px 16px;border-radius:999px;color:#fff;background:var(--gold);font-size:13px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;box-shadow:0 8px 24px rgba(167,127,69,.16)}\r\n#alg-gallery-widget h2{max-width:900px;margin:0;color:var(--olive-dark);font-family:var(--e-global-typography-primary-font-family,inherit);font-size:clamp(27px,2.45vw,38px);font-weight:700;line-height:1.16;letter-spacing:-.025em;text-transform:none}\r\n#alg-gallery-widget .ag-controls{position:absolute;right:0;bottom:2px;display:flex;gap:10px}\r\n#alg-gallery-widget .ag-circle{width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#fff;transition:background .28s ease,color .28s ease,transform .28s ease,border-color .28s ease}\r\n#alg-gallery-widget .ag-circle:hover{color:#fff;background:var(--olive-dark);border-color:var(--olive-dark);transform:translateY(-2px)}\r\n#alg-gallery-widget .ag-circle:disabled{opacity:.34;cursor:not-allowed;transform:none;background:#fff;color:var(--ink);border-color:var(--line)}\r\n#alg-gallery-widget .ag-circle:focus-visible,#alg-gallery-widget .ag-item:focus-visible,#alg-gallery-widget .ag-close:focus-visible,#alg-gallery-widget .ag-lightbox-arrow:focus-visible{outline:3px solid rgba(167,127,69,.42);outline-offset:3px}\r\n#alg-gallery-widget .ag-circle svg{width:18px}\r\n\r\n\/* Horizontal gallery *\/\r\n#alg-gallery-widget .ag-viewport{width:100%;overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;touch-action:pan-y;overscroll-behavior-inline:contain}\r\n#alg-gallery-widget .ag-viewport::-webkit-scrollbar{display:none}\r\n#alg-gallery-widget .ag-viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}\r\n#alg-gallery-widget .ag-track{width:max-content;display:flex;gap:14px;padding:0 max(40px,calc((100vw - 1320px)\/2)) 0 0}\r\n#alg-gallery-widget .ag-item{width:330px;height:410px;flex:0 0 auto;padding:0;border:0;overflow:hidden;background:#e9e9e4;position:relative;scroll-snap-align:start;scroll-snap-stop:always;cursor:zoom-in}\r\n#alg-gallery-widget .ag-item.alg-gallery-wide{width:510px}\r\n#alg-gallery-widget .ag-item.alg-gallery-tall{width:280px}\r\n#alg-gallery-widget .ag-item:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 45%,rgba(12,18,17,.18));opacity:.7;transition:opacity .35s ease}\r\n#alg-gallery-widget .ag-item:after{content:'View';position:absolute;z-index:2;left:50%;top:50%;width:66px;height:66px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(23,29,33,.78);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translate(-50%,-40%);transition:.35s ease}\r\n#alg-gallery-widget .ag-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .4s ease}\r\n#alg-gallery-widget .ag-item:hover img{transform:scale(1.045);filter:brightness(.72)}\r\n#alg-gallery-widget .ag-item:hover:before{opacity:1}\r\n#alg-gallery-widget .ag-item:hover:after{opacity:1;transform:translate(-50%,-50%)}\r\n#alg-gallery-widget .ag-progress{height:2px;margin-top:32px;background:var(--line)}\r\n#alg-gallery-widget .ag-progress span{display:block;width:12%;height:100%;background:var(--olive);transition:width .2s ease}\r\n\r\n\/* True full-screen Lightbox \u2014 moved to document.body by JavaScript *\/\r\n#alg-gallery-lightbox{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:2147483646;display:grid;place-items:center;isolation:isolate;font-family:var(--e-global-typography-text-font-family,Arial,sans-serif)}\r\n#alg-gallery-lightbox[hidden]{display:none!important}\r\n#alg-gallery-lightbox *,#alg-gallery-lightbox *:before,#alg-gallery-lightbox *:after{box-sizing:border-box}\r\n#alg-gallery-lightbox button{font:inherit;cursor:pointer}\r\n#alg-gallery-lightbox svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\r\n#alg-gallery-lightbox .ag-backdrop{position:absolute;inset:0;background:rgba(5,8,9,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}\r\n#alg-gallery-lightbox figure{position:relative;z-index:2;width:calc(100vw - 150px);height:calc(100dvh - 38px);margin:0;display:grid;place-items:center;overflow:hidden}\r\n#alg-gallery-lightbox figure img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none;animation:agLightboxIn .28s ease both}\r\n#alg-gallery-lightbox figcaption{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:8px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;background:rgba(0,0,0,.52);font-size:11px;line-height:1;letter-spacing:.12em;white-space:nowrap}\r\n#alg-gallery-lightbox .ag-close{position:absolute;z-index:4;top:22px;right:22px;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.3);transition:.25s ease}\r\n#alg-gallery-lightbox .ag-close:hover{background:#a77f45;border-color:#a77f45;transform:rotate(4deg)}\r\n#alg-gallery-lightbox .ag-close svg{width:19px}\r\n#alg-gallery-lightbox .ag-lightbox-arrow{position:absolute;z-index:4;top:50%;width:54px;height:54px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.3);transform:translateY(-50%);transition:.25s ease}\r\n#alg-gallery-lightbox .ag-lightbox-arrow:hover{background:#a77f45;border-color:#a77f45}\r\n#alg-gallery-lightbox .ag-lightbox-arrow svg{width:21px}\r\n#alg-gallery-lightbox .ag-lightbox-prev{left:25px}\r\n#alg-gallery-lightbox .ag-lightbox-next{right:25px}\r\n#alg-gallery-lightbox button:focus-visible{outline:3px solid rgba(167,127,69,.58);outline-offset:3px}\r\n@keyframes agLightboxIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}\r\n\r\n#alg-gallery-widget .ag-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}\r\n#alg-gallery-widget .ag-reveal.is-visible{opacity:1;transform:none}\r\n\r\n@media(max-width:900px){\r\n  #alg-gallery-widget .ag-shell{width:calc(100% - 48px)}\r\n  #alg-gallery-widget .ag-heading-wrap{width:min(720px,calc(100% - 120px))}\r\n  #alg-gallery-widget .ag-item{width:310px;height:390px}\r\n  #alg-gallery-widget .ag-item.alg-gallery-wide{width:460px}\r\n  #alg-gallery-widget .ag-item.alg-gallery-tall{width:270px}\r\n}\r\n@media(max-width:680px){\r\n  #alg-gallery-widget .ag-section{padding:64px 0 62px}\r\n  #alg-gallery-widget .ag-shell{width:calc(100% - 32px)}\r\n  #alg-gallery-widget .ag-head{min-height:0;display:block;margin-bottom:30px}\r\n  #alg-gallery-widget .ag-heading-wrap{width:100%}\r\n  #alg-gallery-widget .ag-badge{margin-bottom:18px;padding:8px 14px;font-size:12px}\r\n  #alg-gallery-widget h2{font-size:clamp(25px,7.2vw,31px);line-height:1.2}\r\n  #alg-gallery-widget .ag-controls{position:static;justify-content:center;margin-top:22px}\r\n  #alg-gallery-widget .ag-circle{width:44px;height:44px}\r\n  #alg-gallery-widget .ag-track{padding:0 16px 0 0}\r\n  #alg-gallery-widget .ag-item,#alg-gallery-widget .ag-item.alg-gallery-wide,#alg-gallery-widget .ag-item.alg-gallery-tall{width:78vw;height:390px}\r\n  #alg-gallery-lightbox figure{width:calc(100vw - 16px);height:calc(100dvh - 92px)}\r\n  #alg-gallery-lightbox .ag-lightbox-arrow{width:44px;height:44px;top:auto;bottom:16px;transform:none}\r\n  #alg-gallery-lightbox .ag-lightbox-prev{left:calc(50% - 54px)}\r\n  #alg-gallery-lightbox .ag-lightbox-next{right:calc(50% - 54px)}\r\n  #alg-gallery-lightbox .ag-close{top:12px;right:12px;width:44px;height:44px}\r\n  #alg-gallery-lightbox figcaption{bottom:4px}\r\n}\r\n@media(prefers-reduced-motion:reduce){#alg-gallery-widget *,#alg-gallery-widget *:before,#alg-gallery-widget *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root=document.getElementById('alg-gallery-widget');\r\n  if(!root||root.dataset.ready==='1')return;\r\n  root.dataset.ready='1';\r\n\r\n  const reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  const viewport=root.querySelector('[data-ag-viewport]');\r\n  const items=Array.from(root.querySelectorAll('[data-ag-index]'));\r\n  const progress=root.querySelector('.ag-progress span');\r\n  const prevButton=root.querySelector('[data-ag-prev]');\r\n  const nextButton=root.querySelector('[data-ag-next]');\r\n  const urls=items.map(item=>item.querySelector('img').src);\r\n\r\n  function itemPosition(item){\r\n    return item.offsetLeft-items[0].offsetLeft;\r\n  }\r\n\r\n  function nearestItemIndex(){\r\n    const left=viewport.scrollLeft;\r\n    let closest=0;\r\n    let distance=Infinity;\r\n    items.forEach((item,i)=>{\r\n      const current=Math.abs(itemPosition(item)-left);\r\n      if(current<distance){distance=current;closest=i;}\r\n    });\r\n    return closest;\r\n  }\r\n\r\n  function updateNavigation(){\r\n    const max=Math.max(0,viewport.scrollWidth-viewport.clientWidth);\r\n    const ratio=max?viewport.scrollLeft\/max:0;\r\n    const visible=Math.min(1,viewport.clientWidth\/viewport.scrollWidth);\r\n    progress.style.width=Math.max(visible*100,visible*100+ratio*(100-visible*100))+'%';\r\n    prevButton.disabled=viewport.scrollLeft<=2;\r\n    nextButton.disabled=viewport.scrollLeft>=max-2;\r\n  }\r\n\r\n  function goToItem(index){\r\n    const target=Math.max(0,Math.min(items.length-1,index));\r\n    viewport.scrollTo({left:itemPosition(items[target]),behavior:reduced?'auto':'smooth'});\r\n  }\r\n\r\n  function moveOne(direction){\r\n    goToItem(nearestItemIndex()+direction);\r\n  }\r\n\r\n  prevButton.addEventListener('click',()=>moveOne(-1));\r\n  nextButton.addEventListener('click',()=>moveOne(1));\r\n  viewport.addEventListener('scroll',updateNavigation,{passive:true});\r\n  window.addEventListener('resize',updateNavigation);\r\n  requestAnimationFrame(updateNavigation);\r\n\r\n  let dragging=false,startX=0,startScroll=0,moved=false;\r\n  viewport.addEventListener('pointerdown',event=>{\r\n    if(event.pointerType==='mouse'&&event.button!==0)return;\r\n    dragging=true;moved=false;startX=event.clientX;startScroll=viewport.scrollLeft;\r\n    viewport.classList.add('is-dragging');\r\n    viewport.setPointerCapture?.(event.pointerId);\r\n  });\r\n  viewport.addEventListener('pointermove',event=>{\r\n    if(!dragging)return;\r\n    const delta=event.clientX-startX;\r\n    if(Math.abs(delta)>5)moved=true;\r\n    viewport.scrollLeft=startScroll-delta;\r\n  });\r\n  function finishDrag(){\r\n    if(!dragging)return;\r\n    dragging=false;\r\n    viewport.classList.remove('is-dragging');\r\n    if(moved)goToItem(nearestItemIndex());\r\n  }\r\n  viewport.addEventListener('pointerup',finishDrag);\r\n  viewport.addEventListener('pointercancel',finishDrag);\r\n  viewport.addEventListener('click',event=>{\r\n    if(moved){event.preventDefault();event.stopPropagation();moved=false;}\r\n  },true);\r\n\r\n  \/* Remove an orphaned preview instance, then move this lightbox to body so Elementor cannot constrain position:fixed. *\/\r\n  document.querySelectorAll('#alg-gallery-lightbox').forEach(existing=>{\r\n    if(!root.contains(existing))existing.remove();\r\n  });\r\n  const box=root.querySelector('[data-ag-lightbox]');\r\n  const boxImg=box.querySelector('[data-ag-lightbox-image]');\r\n  const counter=box.querySelector('[data-ag-counter]');\r\n  const closeButton=box.querySelector('.ag-close');\r\n  document.body.appendChild(box);\r\n\r\n  let lightboxIndex=0;\r\n  let lastTrigger=null;\r\n  function fillLightbox(i){\r\n    lightboxIndex=(i+urls.length)%urls.length;\r\n    boxImg.src=urls[lightboxIndex];\r\n    boxImg.alt='AlShayji Legal Group gallery image '+(lightboxIndex+1);\r\n    counter.textContent=(lightboxIndex+1)+' \/ '+urls.length;\r\n  }\r\n  function openLightbox(i,trigger){\r\n    lastTrigger=trigger;\r\n    fillLightbox(i);\r\n    box.hidden=false;\r\n    box.setAttribute('aria-hidden','false');\r\n    document.documentElement.classList.add('ag-page-lock');\r\n    document.body.classList.add('ag-page-lock');\r\n    closeButton.focus({preventScroll:true});\r\n  }\r\n  function closeLightbox(){\r\n    box.hidden=true;\r\n    box.setAttribute('aria-hidden','true');\r\n    boxImg.removeAttribute('src');\r\n    document.documentElement.classList.remove('ag-page-lock');\r\n    document.body.classList.remove('ag-page-lock');\r\n    lastTrigger?.focus?.({preventScroll:true});\r\n  }\r\n\r\n  items.forEach(item=>item.addEventListener('click',()=>openLightbox(Number(item.dataset.agIndex),item)));\r\n  box.querySelectorAll('[data-ag-close]').forEach(button=>button.addEventListener('click',closeLightbox));\r\n  box.querySelector('[data-ag-lightbox-prev]').addEventListener('click',()=>fillLightbox(lightboxIndex-1));\r\n  box.querySelector('[data-ag-lightbox-next]').addEventListener('click',()=>fillLightbox(lightboxIndex+1));\r\n\r\n  document.addEventListener('keydown',event=>{\r\n    if(box.hidden)return;\r\n    if(event.key==='Escape')closeLightbox();\r\n    if(event.key==='ArrowLeft')fillLightbox(lightboxIndex-1);\r\n    if(event.key==='ArrowRight')fillLightbox(lightboxIndex+1);\r\n  });\r\n\r\n  const observer='IntersectionObserver' in window\r\n    ? new IntersectionObserver(entries=>entries.forEach(entry=>{\r\n        if(entry.isIntersecting){entry.target.classList.add('is-visible');observer.unobserve(entry.target);}\r\n      }),{threshold:.12})\r\n    : null;\r\n  root.querySelectorAll('.ag-reveal').forEach(element=>observer?observer.observe(element):element.classList.add('is-visible'));\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<div class=\"elementor-element elementor-element-d01bd2d e-flex e-con-boxed e-con e-parent\" data-id=\"d01bd2d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c223a5 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"9c223a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"696\" height=\"629\" src=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/02\/anyrgb.com-1.png\" class=\"attachment-large size-large wp-image-489\" alt=\"\" srcset=\"https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/02\/anyrgb.com-1.png 696w, https:\/\/alshayjilegal.com\/wp-content\/uploads\/2025\/02\/anyrgb.com-1-300x271.png 300w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e6088b elementor-widget elementor-widget-counter\" data-id=\"6e6088b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<h5 class=\"elementor-counter-title\">Years Of Experience<\/h5>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"20\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48c654d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"48c654d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a5067b e-con-full e-flex e-con e-child\" data-id=\"1a5067b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79847e2 elementor-widget elementor-widget-counter\" data-id=\"79847e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Specialized Legal Services<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"15\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0e6c29 elementor-widget elementor-widget-counter\" data-id=\"f0e6c29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Successfully Handled Cases<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"500\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-779254a elementor-widget elementor-widget-counter\" data-id=\"779254a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Corporate &amp; Individual Clients<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"300\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-233402a elementor-widget elementor-widget-counter\" data-id=\"233402a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Legal Practice Areas<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"10\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-539de9f e-flex e-con-boxed e-con e-parent\" data-id=\"539de9f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75ce0cd elementor-widget elementor-widget-html\" data-id=\"75ce0cd\" 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   NEWS & INSIGHTS SLIDER\r\n========================================================= *\/\r\n\r\n.an-news{\r\n    --an-green:#31483a;\r\n    --an-green-dark:#24372c;\r\n    --an-gold:#b58a4a;\r\n    --an-gold-light:#c7a268;\r\n    --an-white:#ffffff;\r\n    --an-text:#26352f;\r\n    --an-muted:#6b746f;\r\n    --an-border:#e5e7e5;\r\n\r\n    width:100%;\r\n    font-family:inherit;\r\n}\r\n\r\n.an-news *,\r\n.an-news *::before,\r\n.an-news *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.an-container{\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.an-header{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n    gap:40px;\r\n\r\n    margin-bottom:35px;\r\n}\r\n\r\n.an-heading{\r\n    max-width:760px;\r\n}\r\n\r\n\r\n\/* Subtitle *\/\r\n\r\n.an-subtitle{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:9px 17px;\r\n    margin:0 0 17px;\r\n\r\n    background:var(--an-gold);\r\n    color:#fff;\r\n\r\n    border-radius:50px;\r\n\r\n    font-size:14px;\r\n    line-height:1;\r\n    font-weight:600;\r\n}\r\n\r\n\r\n\/* Main title *\/\r\n\r\n.an-title{\r\n    margin:0;\r\n\r\n    color:var(--an-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   SLIDER CONTROLS\r\n========================================================= *\/\r\n\r\n.an-controls{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    flex:0 0 auto;\r\n}\r\n\r\n.an-circle{\r\n    appearance:none;\r\n    -webkit-appearance:none;\r\n\r\n    width:48px;\r\n    height:48px;\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    border:1px solid rgba(181,138,74,.55);\r\n\r\n    background:transparent;\r\n\r\n    color:var(--an-gold);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.an-circle svg{\r\n    width:20px;\r\n    height:20px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.7;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.an-circle:hover{\r\n    background:var(--an-gold);\r\n    border-color:var(--an-gold);\r\n\r\n    color:#fff;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n========================================================= *\/\r\n\r\n.an-viewport{\r\n    width:100%;\r\n\r\n    overflow-x:auto;\r\n    overflow-y:hidden;\r\n\r\n    scroll-behavior:smooth;\r\n    scroll-snap-type:x mandatory;\r\n\r\n    scrollbar-width:none;\r\n    -ms-overflow-style:none;\r\n\r\n    outline:none;\r\n\r\n    -webkit-overflow-scrolling:touch;\r\n}\r\n\r\n.an-viewport::-webkit-scrollbar{\r\n    display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n.an-track{\r\n    display:flex;\r\n\r\n    align-items:stretch;\r\n\r\n    gap:24px;\r\n\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.an-card{\r\n    flex:0 0 calc((100% - 48px) \/ 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(--an-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 .35s ease,\r\n        box-shadow .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n.an-card:hover{\r\n    transform:translateY(-6px);\r\n\r\n    border-color:\r\n        rgba(181,138,74,.45);\r\n\r\n    box-shadow:\r\n        0 18px 45px\r\n        rgba(29,48,38,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD IMAGE\r\n========================================================= *\/\r\n\r\n.an-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.an-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 .6s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.an-card:hover .an-image img{\r\n    transform:scale(1.055);\r\n}\r\n\r\n\r\n\/* dark overlay *\/\r\n\r\n.an-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(28,48,37,.65),\r\n            rgba(28,48,37,0) 60%\r\n        );\r\n\r\n    opacity:0;\r\n\r\n    transition:opacity .35s ease;\r\n}\r\n\r\n.an-card:hover .an-image::after{\r\n    opacity:1;\r\n}\r\n\r\n\r\n\/* Read Article *\/\r\n\r\n.an-image > span{\r\n    position:absolute;\r\n\r\n    left:24px;\r\n    bottom:21px;\r\n\r\n    z-index:2;\r\n\r\n    color:#fff;\r\n\r\n    font-size:14px;\r\n    font-weight:600;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(10px);\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.an-card:hover .an-image > span{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* Placeholder *\/\r\n\r\n.an-image-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            #52685a\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD BODY\r\n========================================================= *\/\r\n\r\n.an-body{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    flex:1;\r\n\r\n    padding:25px 25px 24px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   META\r\n========================================================= *\/\r\n\r\n.an-meta{\r\n    display:flex;\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n\r\n    gap:9px;\r\n\r\n    margin-bottom:14px;\r\n\r\n    color:var(--an-muted);\r\n\r\n    font-size:12px;\r\n    line-height:1.4;\r\n}\r\n\r\n.an-meta time{\r\n    color:var(--an-muted);\r\n}\r\n\r\n.an-meta i{\r\n    width:4px;\r\n    height:4px;\r\n\r\n    display:inline-block;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--an-gold);\r\n}\r\n\r\n.an-meta a{\r\n    color:var(--an-gold) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    transition:color .25s ease;\r\n}\r\n\r\n.an-meta a:hover{\r\n    color:var(--an-green-dark) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.an-body h3{\r\n    margin:0 0 22px;\r\n\r\n    font-size:20px;\r\n    line-height:1.45;\r\n    font-weight:500;\r\n\r\n    color:var(--an-green-dark);\r\n}\r\n\r\n.an-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.an-body h3 a:hover{\r\n    color:var(--an-gold) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   READ MORE\r\n========================================================= *\/\r\n\r\n.an-link{\r\n    display:inline-flex;\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    width:max-content;\r\n\r\n    margin-top:auto;\r\n\r\n    color:var(--an-green-dark) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:14px;\r\n    line-height:1;\r\n    font-weight:600;\r\n\r\n    transition:color .25s ease;\r\n}\r\n\r\n.an-link svg{\r\n    width:18px;\r\n    height:18px;\r\n\r\n    fill:none;\r\n\r\n    stroke:var(--an-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.an-link:hover{\r\n    color:var(--an-gold) !important;\r\n}\r\n\r\n.an-link:hover svg{\r\n    transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n========================================================= *\/\r\n\r\n.an-footer{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:28px;\r\n\r\n    margin-top:33px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n.an-progress{\r\n    position:relative;\r\n\r\n    flex:1;\r\n\r\n    height:2px;\r\n\r\n    background:\r\n        rgba(49,72,58,.14);\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n.an-progress span{\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:0;\r\n    bottom:0;\r\n\r\n    width:0;\r\n\r\n    background:var(--an-gold);\r\n\r\n    transition:width .35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW ALL\r\n========================================================= *\/\r\n\r\n.an-button{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    flex:0 0 auto;\r\n\r\n    padding:14px 21px;\r\n\r\n    background:var(--an-gold);\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:14px;\r\n    line-height:1;\r\n    font-weight:600;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.an-button svg{\r\n    width:18px;\r\n    height:18px;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.an-button:hover{\r\n    background:var(--an-green-dark);\r\n\r\n    color:#fff !important;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.an-button:hover svg{\r\n    transform:translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOADING\r\n========================================================= *\/\r\n\r\n.an-loading{\r\n    width:100%;\r\n\r\n    padding:50px 20px;\r\n\r\n    text-align:center;\r\n\r\n    color:var(--an-muted);\r\n\r\n    font-size:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ERROR\r\n========================================================= *\/\r\n\r\n.an-load-error{\r\n    width:100%;\r\n\r\n    padding:40px 20px;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid var(--an-border);\r\n\r\n    text-align:center;\r\n\r\n    color:var(--an-muted);\r\n\r\n    font-size:15px;\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    .an-header{\r\n        gap:25px;\r\n    }\r\n\r\n    .an-title{\r\n        font-size:34px;\r\n    }\r\n\r\n    .an-track{\r\n        gap:20px;\r\n    }\r\n\r\n    .an-card{\r\n        flex-basis:\r\n            calc((100% - 20px) \/ 2);\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    .an-header{\r\n        align-items:flex-end;\r\n\r\n        gap:15px;\r\n\r\n        margin-bottom:25px;\r\n    }\r\n\r\n    .an-subtitle{\r\n        margin-bottom:14px;\r\n\r\n        padding:8px 14px;\r\n\r\n        font-size:13px;\r\n    }\r\n\r\n    .an-title{\r\n        font-size:29px;\r\n        line-height:1.22;\r\n    }\r\n\r\n    .an-controls{\r\n        gap:7px;\r\n    }\r\n\r\n    .an-circle{\r\n        width:40px;\r\n        height:40px;\r\n    }\r\n\r\n    .an-circle svg{\r\n        width:17px;\r\n        height:17px;\r\n    }\r\n\r\n    .an-track{\r\n        gap:15px;\r\n    }\r\n\r\n    .an-card{\r\n        flex:0 0 100%;\r\n    }\r\n\r\n    .an-body{\r\n        padding:22px 21px;\r\n    }\r\n\r\n    .an-body h3{\r\n        font-size:19px;\r\n    }\r\n\r\n    .an-footer{\r\n        gap:16px;\r\n\r\n        margin-top:24px;\r\n    }\r\n\r\n    .an-button{\r\n        padding:13px 16px;\r\n\r\n        font-size:13px;\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    .an-header{\r\n        display:block;\r\n    }\r\n\r\n    .an-controls{\r\n        margin-top:20px;\r\n    }\r\n\r\n    .an-circle{\r\n        width:42px;\r\n        height:42px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT DIRECTION ONLY - ENGLISH \/ ARABIC\r\n   Slider layout and arrows stay unchanged\r\n========================================================= *\/\r\n\r\n\/* Keep slider mechanics\/layout LTR *\/\r\n.an-news{\r\n    direction:ltr;\r\n}\r\n\r\n\/* English text *\/\r\n.an-heading,\r\n.an-subtitle,\r\n.an-title,\r\n.an-body,\r\n.an-body h3,\r\n.an-body h3 a,\r\n.an-image > span,\r\n.an-loading,\r\n.an-load-error{\r\n    direction:ltr;\r\n    text-align:left;\r\n}\r\n\r\n\/* Arabic text *\/\r\nhtml[dir=\"rtl\"] .an-heading,\r\nhtml[dir=\"rtl\"] .an-subtitle,\r\nhtml[dir=\"rtl\"] .an-title,\r\nhtml[dir=\"rtl\"] .an-body,\r\nhtml[dir=\"rtl\"] .an-body h3,\r\nhtml[dir=\"rtl\"] .an-body h3 a,\r\nhtml[dir=\"rtl\"] .an-image > span,\r\nhtml[dir=\"rtl\"] .an-loading,\r\nhtml[dir=\"rtl\"] .an-load-error,\r\nhtml[lang^=\"ar\"] .an-heading,\r\nhtml[lang^=\"ar\"] .an-subtitle,\r\nhtml[lang^=\"ar\"] .an-title,\r\nhtml[lang^=\"ar\"] .an-body,\r\nhtml[lang^=\"ar\"] .an-body h3,\r\nhtml[lang^=\"ar\"] .an-body h3 a,\r\nhtml[lang^=\"ar\"] .an-image > span,\r\nhtml[lang^=\"ar\"] .an-loading,\r\nhtml[lang^=\"ar\"] .an-load-error{\r\n    direction:rtl !important;\r\n    text-align:right !important;\r\n}\r\n\r\n\/* Arabic header layout only:\r\n   title\/subtitle on the right, slider arrows on the left *\/\r\nhtml[dir=\"rtl\"] .an-header,\r\nhtml[lang^=\"ar\"] .an-header{\r\n    direction:rtl !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .an-heading,\r\nhtml[lang^=\"ar\"] .an-heading{\r\n    text-align:right !important;\r\n}\r\n\r\n\/* Keep the two arrow buttons themselves in their original LTR order *\/\r\nhtml[dir=\"rtl\"] .an-controls,\r\nhtml[lang^=\"ar\"] .an-controls{\r\n    direction:ltr !important;\r\n}\r\n\r\n\/* Do not change meta \/ read-more \/ view-all direction *\/\r\nhtml[dir=\"rtl\"] .an-meta,\r\nhtml[dir=\"rtl\"] .an-link,\r\nhtml[dir=\"rtl\"] .an-button,\r\nhtml[lang^=\"ar\"] .an-meta,\r\nhtml[lang^=\"ar\"] .an-link,\r\nhtml[lang^=\"ar\"] .an-button{\r\n    direction:ltr !important;\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     NEWS SECTION\r\n======================================================== -->\r\n\r\n<div class=\"an-news\" data-an-news>\r\n\r\n    <div class=\"an-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <header class=\"an-header\">\r\n\r\n\r\n            <div class=\"an-heading\">\r\n\r\n                <div class=\"an-subtitle\">\r\n                    News &amp; Insights\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"an-title\">\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=\"an-controls\"\r\n                aria-label=\"News slider controls\"\r\n            >\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"an-circle\"\r\n                    data-an-prev\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=\"M19 12H5M11 18l-6-6 6-6\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"an-circle\"\r\n                    data-an-next\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=\"M5 12h14M13 6l6 6-6 6\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/header>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SLIDER\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"an-viewport\"\r\n            data-an-viewport\r\n            tabindex=\"0\"\r\n            aria-label=\"Latest legal articles\"\r\n        >\r\n\r\n            <div\r\n                class=\"an-track\"\r\n                data-an-track\r\n            >\r\n\r\n                <div class=\"an-loading\">\r\n                    Loading articles...\r\n                <\/div>\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        <div class=\"an-footer\">\r\n\r\n\r\n            <div class=\"an-progress\">\r\n                <span data-an-progress><\/span>\r\n            <\/div>\r\n\r\n\r\n            <a\r\n                class=\"an-button\"\r\n                href=\"https:\/\/alshayjilegal.com\/news\/\"\r\n            >\r\n\r\n                View all news\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=\"M5 12h14M13 6l6 6-6 6\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    \/* =====================================================\r\n       GET THIS SECTION\r\n    ===================================================== *\/\r\n\r\n    const script =\r\n        document.currentScript;\r\n\r\n    const root =\r\n        script.previousElementSibling;\r\n\r\n\r\n    if(\r\n        !root ||\r\n        !root.matches('[data-an-news]')\r\n    ){\r\n        return;\r\n    }\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            '[data-an-viewport]'\r\n        );\r\n\r\n\r\n    const track =\r\n        root.querySelector(\r\n            '[data-an-track]'\r\n        );\r\n\r\n\r\n    const prevButton =\r\n        root.querySelector(\r\n            '[data-an-prev]'\r\n        );\r\n\r\n\r\n    const nextButton =\r\n        root.querySelector(\r\n            '[data-an-next]'\r\n        );\r\n\r\n\r\n    const progress =\r\n        root.querySelector(\r\n            '[data-an-progress]'\r\n        );\r\n\r\n\r\n    if(!viewport || !track){\r\n        return;\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       VARIABLES\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    let allPosts = [];\r\n\r\n    let currentIndex = 0;\r\n\r\n    let scrollTimer = null;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       ESCAPE HTML\r\n    ===================================================== *\/\r\n\r\n    function escapeHTML(value){\r\n\r\n        const element =\r\n            document.createElement('div');\r\n\r\n\r\n        element.textContent =\r\n            value == null\r\n            ? ''\r\n            : String(value);\r\n\r\n\r\n        return element.innerHTML;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       STRIP HTML\r\n    ===================================================== *\/\r\n\r\n    function stripHTML(html){\r\n\r\n        const element =\r\n            document.createElement('div');\r\n\r\n\r\n        element.innerHTML =\r\n            html || '';\r\n\r\n\r\n        return (\r\n            element.textContent ||\r\n            element.innerText ||\r\n            ''\r\n        ).trim();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       DECODE TITLE\r\n    ===================================================== *\/\r\n\r\n    function decodeHTML(html){\r\n\r\n        const element =\r\n            document.createElement('textarea');\r\n\r\n\r\n        element.innerHTML =\r\n            html || '';\r\n\r\n\r\n        return element.value;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       FORMAT DATE\r\n    ===================================================== *\/\r\n\r\n    function formatDate(dateString){\r\n\r\n        try{\r\n\r\n            return new Intl.DateTimeFormat(\r\n                'en-US',\r\n                {\r\n                    month:'long',\r\n                    day:'numeric',\r\n                    year:'numeric'\r\n                }\r\n            ).format(\r\n                new Date(dateString)\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            \/*\r\n             * Prefer a reasonably sized WP image\r\n             *\/\r\n\r\n            let src =\r\n                media.source_url || '';\r\n\r\n\r\n            if(\r\n                media.media_details &&\r\n                media.media_details.sizes\r\n            ){\r\n\r\n                const sizes =\r\n                    media.media_details.sizes;\r\n\r\n\r\n                if(sizes.large){\r\n\r\n                    src =\r\n                        sizes.large.source_url;\r\n\r\n                }else if(sizes.medium_large){\r\n\r\n                    src =\r\n                        sizes.medium_large.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        }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                    let group 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        }catch(e){}\r\n\r\n\r\n        return {\r\n\r\n            name:\r\n                'Uncategorized',\r\n\r\n            link:\r\n                window.location.origin +\r\n                '\/category\/uncategorized\/'\r\n\r\n        };\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CREATE POST 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 formattedDate =\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(0,10)\r\n            : '';\r\n\r\n\r\n        let imageHTML = '';\r\n\r\n\r\n        if(image.src){\r\n\r\n            imageHTML = `\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        }else{\r\n\r\n            imageHTML = `\r\n\r\n                <div\r\n                    class=\"an-image-placeholder\"\r\n                    aria-hidden=\"true\"\r\n                ><\/div>\r\n\r\n            `;\r\n\r\n        }\r\n\r\n\r\n        return `\r\n\r\n        <article class=\"an-card\">\r\n\r\n\r\n            <a\r\n                class=\"an-image\"\r\n                href=\"${escapeHTML(link)}\"\r\n            >\r\n\r\n                ${imageHTML}\r\n\r\n                <span>\r\n                    Read Article\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <div class=\"an-body\">\r\n\r\n\r\n                <div class=\"an-meta\">\r\n\r\n\r\n                    <time\r\n                        datetime=\"${escapeHTML(dateISO)}\"\r\n                    >\r\n                        ${escapeHTML(formattedDate)}\r\n                    <\/time>\r\n\r\n\r\n                    <i><\/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\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=\"an-link\"\r\n                    href=\"${escapeHTML(link)}\"\r\n                >\r\n\r\n                    Read More\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\r\n        <\/article>\r\n\r\n        `;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       LOAD ALL WORDPRESS POSTS\r\n    ===================================================== *\/\r\n\r\n    async function loadAllPosts(){\r\n\r\n        try{\r\n\r\n            \/*\r\n             * First page\r\n             * WordPress REST API allows max 100 per request\r\n             *\/\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 firstResponse =\r\n                await fetch(\r\n                    firstURL,\r\n                    {\r\n                        credentials:'same-origin'\r\n                    }\r\n                );\r\n\r\n\r\n            if(\r\n                !firstResponse.ok\r\n            ){\r\n\r\n                throw new Error(\r\n                    'Unable to load WordPress posts.'\r\n                );\r\n\r\n            }\r\n\r\n\r\n            const firstPosts =\r\n                await firstResponse.json();\r\n\r\n\r\n            allPosts =\r\n                Array.isArray(firstPosts)\r\n                ? firstPosts\r\n                : [];\r\n\r\n\r\n            \/*\r\n             * Total API pages\r\n             *\/\r\n\r\n            const totalPages =\r\n                parseInt(\r\n                    firstResponse.headers.get(\r\n                        'X-WP-TotalPages'\r\n                    ) || '1',\r\n                    10\r\n                );\r\n\r\n\r\n            \/*\r\n             * More than 100 posts?\r\n             * Load every remaining REST API page.\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                    const url =\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                    requests.push(\r\n\r\n                        fetch(\r\n                            url,\r\n                            {\r\n                                credentials:\r\n                                    'same-origin'\r\n                            }\r\n                        )\r\n                        .then(\r\n                            function(response){\r\n\r\n                                if(\r\n                                    !response.ok\r\n                                ){\r\n                                    return [];\r\n                                }\r\n\r\n\r\n                                return response.json();\r\n\r\n                            }\r\n                        )\r\n                        .catch(\r\n                            function(){\r\n\r\n                                return [];\r\n\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(pagePosts){\r\n\r\n                        if(\r\n                            Array.isArray(\r\n                                pagePosts\r\n                            )\r\n                        ){\r\n\r\n                            allPosts.push(\r\n                                ...pagePosts\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n            renderPosts();\r\n\r\n\r\n        }catch(error){\r\n\r\n            console.error(\r\n                'Alshayji News Error:',\r\n                error\r\n            );\r\n\r\n\r\n            track.innerHTML = `\r\n\r\n                <div class=\"an-load-error\">\r\n                    Unable to load articles.\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 renderPosts(){\r\n\r\n        if(!allPosts.length){\r\n\r\n            track.innerHTML = `\r\n\r\n                <div class=\"an-load-error\">\r\n                    No articles found.\r\n                <\/div>\r\n\r\n            `;\r\n\r\n\r\n            if(progress){\r\n                progress.style.width =\r\n                    '0%';\r\n            }\r\n\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        track.innerHTML =\r\n            allPosts\r\n            .map(createCard)\r\n            .join('');\r\n\r\n\r\n        currentIndex = 0;\r\n\r\n\r\n        requestAnimationFrame(\r\n            function(){\r\n\r\n                viewport.scrollLeft = 0;\r\n\r\n                updateProgress();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       GET CARDS\r\n    ===================================================== *\/\r\n\r\n    function getCards(){\r\n\r\n        return Array.from(\r\n            track.querySelectorAll(\r\n                '.an-card'\r\n            )\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       VISIBLE CARDS\r\n    ===================================================== *\/\r\n\r\n    function getVisibleCount(){\r\n\r\n        if(\r\n            window.innerWidth <= 767\r\n        ){\r\n            return 1;\r\n        }\r\n\r\n\r\n        if(\r\n            window.innerWidth <= 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 START INDEX\r\n    ===================================================== *\/\r\n\r\n    function getMaxIndex(){\r\n\r\n        const cards =\r\n            getCards();\r\n\r\n\r\n        return Math.max(\r\n            0,\r\n            cards.length -\r\n            getVisibleCount()\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CARD POSITION\r\n    ===================================================== *\/\r\n\r\n    function getCardLeft(card){\r\n\r\n        return card.offsetLeft;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       GO TO CARD\r\n    ===================================================== *\/\r\n\r\n    function goTo(index){\r\n\r\n        const cards =\r\n            getCards();\r\n\r\n\r\n        if(!cards.length){\r\n            return;\r\n        }\r\n\r\n\r\n        const maxIndex =\r\n            getMaxIndex();\r\n\r\n\r\n        \/*\r\n         * Loop\r\n         *\/\r\n\r\n        if(index > maxIndex){\r\n\r\n            index = 0;\r\n\r\n        }else if(index < 0){\r\n\r\n            index = maxIndex;\r\n\r\n        }\r\n\r\n\r\n        currentIndex =\r\n            index;\r\n\r\n\r\n        const card =\r\n            cards[currentIndex];\r\n\r\n\r\n        if(!card){\r\n            return;\r\n        }\r\n\r\n\r\n        viewport.scrollTo({\r\n\r\n            left:\r\n                getCardLeft(card),\r\n\r\n            behavior:\r\n                'smooth'\r\n\r\n        });\r\n\r\n\r\n        updateProgress();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       NEXT \/ PREVIOUS\r\n    ===================================================== *\/\r\n\r\n    function next(){\r\n\r\n        goTo(\r\n            currentIndex + 1\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function previous(){\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       BUTTONS\r\n    ===================================================== *\/\r\n\r\n    if(nextButton){\r\n\r\n        nextButton.addEventListener(\r\n            'click',\r\n            next\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if(prevButton){\r\n\r\n        prevButton.addEventListener(\r\n            'click',\r\n            previous\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       FIND CURRENT CARD AFTER MANUAL SWIPE\r\n    ===================================================== *\/\r\n\r\n    function updateCurrentFromScroll(){\r\n\r\n        const cards =\r\n            getCards();\r\n\r\n\r\n        if(!cards.length){\r\n            return;\r\n        }\r\n\r\n\r\n        const currentLeft =\r\n            viewport.scrollLeft;\r\n\r\n\r\n        let closestIndex = 0;\r\n\r\n        let closestDistance =\r\n            Infinity;\r\n\r\n\r\n        cards.forEach(\r\n            function(card,index){\r\n\r\n                const distance =\r\n                    Math.abs(\r\n                        getCardLeft(card) -\r\n                        currentLeft\r\n                    );\r\n\r\n\r\n                if(\r\n                    distance <\r\n                    closestDistance\r\n                ){\r\n\r\n                    closestDistance =\r\n                        distance;\r\n\r\n                    closestIndex =\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                closestIndex,\r\n                getMaxIndex()\r\n            );\r\n\r\n\r\n        updateProgress();\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       SCROLL \/ SWIPE\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                    updateCurrentFromScroll,\r\n                    80\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       PROGRESS BAR\r\n    ===================================================== *\/\r\n\r\n    function updateProgress(){\r\n\r\n        if(!progress){\r\n            return;\r\n        }\r\n\r\n\r\n        const cards =\r\n            getCards();\r\n\r\n\r\n        if(!cards.length){\r\n\r\n            progress.style.width =\r\n                '0%';\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        const totalPositions =\r\n            Math.max(\r\n                1,\r\n                getMaxIndex() + 1\r\n            );\r\n\r\n\r\n        const percentage =\r\n            (\r\n                (\r\n                    currentIndex + 1\r\n                ) \/\r\n                totalPositions\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       KEYBOARD\r\n    ===================================================== *\/\r\n\r\n    viewport.addEventListener(\r\n        'keydown',\r\n        function(event){\r\n\r\n            if(\r\n                event.key ===\r\n                'ArrowRight'\r\n            ){\r\n\r\n                event.preventDefault();\r\n\r\n                next();\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                previous();\r\n\r\n            }\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 = null;\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                        \/*\r\n                         * Recalculate according\r\n                         * to 3 \/ 2 \/ 1 cards\r\n                         *\/\r\n\r\n                        const maxIndex =\r\n                            getMaxIndex();\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                        const cards =\r\n                            getCards();\r\n\r\n\r\n                        if(\r\n                            cards[\r\n                                currentIndex\r\n                            ]\r\n                        ){\r\n\r\n                            viewport.scrollTo({\r\n\r\n                                left:\r\n                                    getCardLeft(\r\n                                        cards[\r\n                                            currentIndex\r\n                                        ]\r\n                                    ),\r\n\r\n                                behavior:\r\n                                    'auto'\r\n\r\n                            });\r\n\r\n                        }\r\n\r\n\r\n                        updateProgress();\r\n\r\n                    },\r\n                    120\r\n                );\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       START\r\n    ===================================================== *\/\r\n\r\n    loadAllPosts();\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>Over twenty years of legal experienceWe work with a qualified legal and administrative team that combines legal knowledge and commercial experience.Our legal servicesThe legal arm of your business with confidence and stabilityWe accompany individuals and companies with deep legal expertise and a practical understanding of the business world.About usSmart legal solutions for the business worldWe<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-159","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/pages\/159","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=159"}],"version-history":[{"count":469,"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":2862,"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/pages\/159\/revisions\/2862"}],"wp:attachment":[{"href":"https:\/\/alshayjilegal.com\/ar\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}