{"id":40,"date":"2026-09-13T11:49:44","date_gmt":"2026-09-13T11:49:44","guid":{"rendered":"https:\/\/alabyad.atumware.com\/?page_id=40"},"modified":"2026-09-20T10:17:36","modified_gmt":"2026-09-20T10:17:36","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/elabyad-eg.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"40\" class=\"elementor elementor-40\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-198f851 e-con-full e-flex e-con e-parent\" data-id=\"198f851\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f83d044 elementor-widget elementor-widget-html\" data-id=\"f83d044\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.abyad-pattern-hero {\r\n    direction: rtl;\r\n    background-color: #1a1614 !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 80px 15px;\r\n    font-family: inherit;\r\n}\r\n\r\n\/* \u0637\u0628\u0642\u0629 \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0635\u0646\u0639 \u0648\u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a *\/\r\n.abyad-pattern-hero::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: url('https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Hero-2.webp') center\/cover no-repeat !important;\r\n    opacity: 0.65 !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.abyad-pattern-hero::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) !important;\r\n    z-index: 2 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.abyad-pattern-container {\r\n    max-width: 1250px;\r\n    margin: auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 70px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n\/* CONTENT SIDE *\/\r\n.abyad-content-box h1 {\r\n    font-size: 46px;\r\n    line-height: 1.35;\r\n    color: #ffffff;\r\n    margin: 0 0 20px;\r\n    font-weight: 800;\r\n}\r\n\r\n.abyad-content-box h1 span {\r\n    color: #C7A56A;\r\n}\r\n\r\n.abyad-content-box p {\r\n    color: #e5ded4;\r\n    font-size: 18px;\r\n    line-height: 1.9;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0640 Sharp *\/\r\n.abyad-btns-group {\r\n    display: flex;\r\n    gap: 15px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.abyad-btns-group a {\r\n    text-decoration: none;\r\n    padding: 15px 32px;\r\n    border-radius: 2px;\r\n    font-weight: 700;\r\n    transition: 0.3s;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.abyad-btn-main {\r\n    background: #6B3F2A;\r\n    color: #fff;\r\n    border: 2px solid #6B3F2A;\r\n}\r\n\r\n.abyad-btn-main:hover {\r\n    background: #C7A56A;\r\n    border-color: #C7A56A;\r\n    color: #333;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.abyad-btn-sec {\r\n    background: transparent;\r\n    color: #ffffff;\r\n    border: 2px solid rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.abyad-btn-sec:hover {\r\n    background: #6B3F2A;\r\n    border-color: #6B3F2A;\r\n    color: #fff;\r\n}\r\n\r\n\/* MEDIA & FLOATING CARDS SIDE *\/\r\n.abyad-media-wrapper {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.abyad-video-container {\r\n    width: 100%;\r\n    height: 520px;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    background: #2b211b;\r\n    box-shadow: 0 25px 50px rgba(0,0,0,0.4);\r\n    position: relative;\r\n    border: 4px solid rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.abyad-video-container video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.abyad-float-card-top {\r\n    position: absolute;\r\n    top: -20px;\r\n    right: -20px;\r\n    background: #ffffff;\r\n    padding: 15px 20px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.2);\r\n    z-index: 5;\r\n    border-right: 4px solid #6B3F2A;\r\n}\r\n\r\n.abyad-float-card-top .stars {\r\n    color: #f59e0b;\r\n    font-size: 13px;\r\n}\r\n\r\n.abyad-float-card-top strong {\r\n    display: block;\r\n    font-size: 15px;\r\n    color: #333333;\r\n}\r\n\r\n.abyad-float-card-top span {\r\n    font-size: 12px;\r\n    color: #777;\r\n}\r\n\r\n.abyad-float-card-bottom {\r\n    position: absolute;\r\n    bottom: -20px;\r\n    left: -20px;\r\n    background: #ffffff;\r\n    padding: 15px 22px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.2);\r\n    z-index: 5;\r\n    border-left: 4px solid #6B3F2A;\r\n}\r\n\r\n.abyad-float-card-bottom strong {\r\n    display: block;\r\n    font-size: 22px;\r\n    color: #6B3F2A;\r\n    font-weight: 800;\r\n}\r\n\r\n.abyad-float-card-bottom span {\r\n    font-size: 12px;\r\n    color: #555555;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n@media (max-width: 900px) {\r\n    .abyad-pattern-hero {\r\n        padding: 50px 15px;\r\n    }\r\n    .abyad-pattern-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .abyad-media-wrapper {\r\n        margin: 10px 0;\r\n        width: 100%;\r\n    }\r\n    .abyad-video-container {\r\n        height: 340px;\r\n    }\r\n    .abyad-content-box h1 {\r\n        font-size: 28px;\r\n        line-height: 1.4;\r\n    }\r\n    .abyad-content-box p {\r\n        font-size: 15px;\r\n    }\r\n    .abyad-btns-group {\r\n        flex-direction: column;\r\n        width: 100%;\r\n    }\r\n    .abyad-btns-group a {\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 12px 20px;\r\n    }\r\n    \r\n    \/* \u0636\u0628\u0637 \u0627\u0644\u0643\u0631\u0648\u062a \u0627\u0644\u0639\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u062a\u0643\u0648\u0646 \u0645\u0646\u0633\u0642\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0625\u0637\u0627\u0631 \u0648\u0628\u062f\u0648\u0646 \u062a\u062f\u0627\u062e\u0644 *\/\r\n    .abyad-float-card-top {\r\n        position: relative;\r\n        top: auto;\r\n        right: auto;\r\n        margin-bottom: 15px;\r\n        width: 100%;\r\n        text-align: center;\r\n        border-right: none;\r\n        border-bottom: 4px solid #6B3F2A;\r\n    }\r\n    .abyad-float-card-bottom {\r\n        position: relative;\r\n        left: auto;\r\n        bottom: auto;\r\n        margin-top: 15px;\r\n        width: 100%;\r\n        text-align: center;\r\n        border-left: none;\r\n        border-top: 4px solid #6B3F2A;\r\n    }\r\n}\r\n@media (max-width: 768px) {\r\n    \r\n    .abyad-content-box h1 {\r\n        font-size: 32px;\r\n    }\r\n    \r\n    .abyad-content-box p {\r\n        display: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"abyad-pattern-hero\">\r\n    <div class=\"abyad-pattern-container\">\r\n        \r\n        <!-- Content Side -->\r\n        <div class=\"abyad-content-box\">\r\n            <h1>\r\n                   \u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\r\n                <span>\u0644\u0644\u0645\u0644\u0627\u0628\u0633 \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/span>\r\n            <\/h1>\r\n            <p>\r\n                \u062a\u0642\u062f\u0645 \u0627\u0644\u0623\u0628\u064a\u0636 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u0644\u0627\u0628\u0633 \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0644\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0648\u062a\u062c\u0627\u0631 \u0627\u0644\u062a\u062c\u0632\u0626\u0629. \u0628\u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u064b\u0627\u060c \u0646\u0633\u0627\u0639\u062f \u0634\u0631\u0643\u0627\u0621\u0646\u0627 \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062f\u0642\u0629\u060c \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u062a\u0627\u0645 \u0628\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0625\u0646\u062a\u0627\u062c.\r\n            <\/p>\r\n\r\n            <div class=\"abyad-btns-group\">\r\n                <a href=\"https:\/\/elabyad-eg.com\/%d8%a7%d9%84%d9%85%d9%86%d8%aa%d8%ac%d8%a7%d8%aa\/\" class=\"abyad-btn-main\">\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u2190<\/a>\r\n                <a href=\"https:\/\/wa.me\/201014052979\" target=\"_blank\" class=\"abyad-btn-sec\" rel=\"noopener\">\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Video Side with Floating Reviews\/Stats -->\r\n        <div class=\"abyad-media-wrapper\">\r\n            \r\n            <div style=\"width: 100%;\">\r\n                <!-- Floating Card Top (Ratings) -->\r\n\r\n                <!-- Main Video Box -->\r\n                <div class=\"abyad-video-container\">\r\n                    <video autoplay muted loop playsinline>\r\n                        <source src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Alabyad.mp4\" type=\"video\/mp4\">\r\n                        \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u0639\u0631\u0636 \u0627\u0644\u0641\u064a\u062f\u064a\u0648.\r\n                    <\/video>\r\n                <\/div>\r\n\r\n                <!-- Floating Card Bottom (Clients \/ Experience) -->\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8815fb e-con-full e-flex e-con e-parent\" data-id=\"f8815fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc35727 elementor-widget elementor-widget-shortcode\" data-id=\"cc35727\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n\n    \/* =====================================================\n       SECTION\n    ===================================================== *\/\n\n    .abyad-products-slider-section {\n        direction: rtl;\n        background: #ffffff;\n        padding: 70px 20px;\n        font-family: inherit;\n        overflow: hidden;\n        position: relative;\n    }\n\n    html[lang=\"en-US\"] .abyad-products-slider-section {\n        direction: ltr !important;\n    }\n\n\n    \/* =====================================================\n       HEADER\n    ===================================================== *\/\n\n    .abyad-slider-header {\n        max-width: 1250px;\n        margin: 0 auto 35px;\n\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n\n        gap: 30px;\n    }\n\n    .abyad-slider-title-area {\n        text-align: right;\n    }\n\n    html[lang=\"en-US\"] .abyad-slider-title-area {\n        text-align: left !important;\n    }\n\n    .abyad-slider-title-area h2 {\n        font-size: 36px;\n        color: #2b211b;\n        font-weight: 800;\n\n        margin: 0;\n        line-height: 1.3;\n    }\n\n    .abyad-slider-title-area h2::after {\n        content: '';\n\n        display: block;\n\n        width: 45px;\n        height: 3px;\n\n        background: #C7A56A;\n\n        margin-top: 10px;\n\n        border-radius: 5px;\n    }\n\n    .abyad-slider-desc {\n        max-width: 480px;\n\n        color: #6f6862;\n\n        font-size: 15px;\n        line-height: 1.8;\n\n        margin: 0;\n\n        text-align: right;\n    }\n\n    html[lang=\"en-US\"] .abyad-slider-desc {\n        text-align: left !important;\n    }\n\n\n    \/* =====================================================\n       CAROUSEL\n    ===================================================== *\/\n\n    .abyad-carousel {\n        max-width: 1250px;\n        margin: auto;\n        position: relative;\n    }\n\n    .abyad-carousel-viewport {\n        overflow: hidden;\n        width: 100%;\n\n        position: relative;\n\n        padding: 5px 4px 15px;\n\n        box-sizing: border-box;\n    }\n\n    .abyad-carousel-track {\n        display: flex;\n\n        direction: rtl;\n\n        gap: 24px;\n\n        transition:\n            transform .5s cubic-bezier(.22,.61,.36,1);\n\n        will-change: transform;\n    }\n\n    html[lang=\"en-US\"] .abyad-carousel-track {\n        direction: ltr !important;\n    }\n\n\n    \/* =====================================================\n       PRODUCT CARD\n    ===================================================== *\/\n\n    .abyad-prod-card {\n\n        flex:\n            0 0 calc(\n                (100% - 48px) \/ 3\n            );\n\n        background: #ffffff;\n\n        border-radius: 7px;\n\n        overflow: hidden;\n\n        border:\n            1px solid #eee8df;\n\n        box-shadow:\n            0 7px 22px\n            rgba(43,33,27,.06);\n\n        display: flex;\n\n        flex-direction: column;\n\n        transition:\n            transform .3s ease,\n            box-shadow .3s ease,\n            border-color .3s ease;\n    }\n\n    .abyad-prod-card:hover {\n\n        transform: translateY(-4px);\n\n        border-color: #e2d4c2;\n\n        box-shadow:\n            0 15px 30px\n            rgba(43,33,27,.10);\n    }\n\n\n    \/* =====================================================\n       IMAGE\n    ===================================================== *\/\n\n    .abyad-prod-img {\n\n        height: 270px !important;\n        min-height: 270px !important;\n\n        position: relative;\n\n        overflow: hidden;\n\n        background: #f7f4ef !important;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .abyad-prod-img a {\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        width: 100%;\n        height: 100%;\n    }\n\n    .abyad-prod-img img {\n\n        width: 100% !important;\n        height: 100% !important;\n\n        object-fit: contain !important;\n        object-position: center !important;\n\n        display: block;\n\n        transform: none !important;\n    }\n\n    .abyad-prod-card:hover\n    .abyad-prod-img img {\n\n        transform: none !important;\n    }\n\n\n    \/* =====================================================\n       BADGE\n    ===================================================== *\/\n\n    .abyad-prod-badge {\n\n        position: absolute;\n\n        top: 12px;\n        right: 12px;\n\n        color: #ffffff;\n\n        font-size: 10px;\n\n        font-weight: 700;\n\n        padding: 6px 11px;\n\n        border-radius: 3px;\n\n        z-index: 2;\n    }\n\n    html[lang=\"en-US\"] .abyad-prod-badge {\n        right: auto !important;\n        left: 12px !important;\n    }\n\n    .abyad-prod-badge.available {\n\n        background: #6B3F2A;\n    }\n\n    .abyad-prod-badge.production {\n\n        background: #C7A56A;\n\n        color: #2b211b;\n    }\n\n\n    \/* =====================================================\n       BODY\n    ===================================================== *\/\n\n    .abyad-prod-body {\n\n        padding: 18px 20px 20px;\n\n        display: flex;\n\n        flex-direction: column;\n\n        flex-grow: 1;\n\n        direction: rtl;\n        text-align: right;\n    }\n\n    html[lang=\"en-US\"] .abyad-prod-body {\n\n        direction: ltr !important;\n        text-align: left !important;\n    }\n\n\n    \/* =====================================================\n       PRODUCT TITLE\n    ===================================================== *\/\n\n    .abyad-prod-body h3 {\n\n        font-size: 18px;\n\n        font-weight: 800;\n\n        color: #2b211b;\n\n        margin: 0 0 12px;\n\n        line-height: 1.5;\n\n        text-align: inherit;\n    }\n\n    .abyad-prod-body h3 a {\n\n        text-decoration: none;\n\n        color: inherit;\n\n        transition: .2s;\n    }\n\n    .abyad-prod-body h3 a:hover {\n\n        color: #6B3F2A;\n    }\n\n\n    \/* =====================================================\n       META\n    ===================================================== *\/\n\n    .abyad-prod-meta {\n\n        display: flex;\n\n        justify-content: space-between;\n\n        align-items: center;\n\n        gap: 10px;\n\n        margin: 0 0 16px;\n\n        padding-top: 11px;\n\n        border-top:\n            1px solid #eee9e2;\n\n        direction: rtl;\n    }\n\n    html[lang=\"en-US\"] .abyad-prod-meta {\n        direction: ltr !important;\n    }\n\n    .abyad-prod-minimum {\n\n        font-size: 14px;\n\n        font-weight: 600;\n\n        color: #777;\n\n        white-space: nowrap;\n    }\n\n    .abyad-prod-minimum strong {\n\n        font-size: 17px;\n\n        font-weight: 800;\n\n        color: #6B3F2A;\n\n        margin-right: 4px;\n    }\n\n    html[lang=\"en-US\"] .abyad-prod-minimum strong {\n        margin-right: 0;\n        margin-left: 4px;\n    }\n\n    .abyad-prod-minimum .abyad-qty-unit {\n\n        font-size: 11px;\n\n        font-weight: 600;\n\n        color: #777;\n\n        margin-right: 3px;\n    }\n\n    html[lang=\"en-US\"] .abyad-prod-minimum .abyad-qty-unit {\n        margin-right: 0;\n        margin-left: 3px;\n    }\n\n\n    \/* =====================================================\n       BUTTONS\n    ===================================================== *\/\n\n    .abyad-prod-actions {\n\n        display: grid;\n\n        grid-template-columns: 1fr 1fr;\n\n        gap: 8px;\n\n        margin-top: auto;\n    }\n\n    .abyad-btn-view,\n    .abyad-btn-wa {\n\n        text-align: center;\n\n        padding: 10px 8px;\n\n        font-size: 12px;\n\n        font-weight: 700;\n\n        border-radius: 4px;\n\n        text-decoration: none;\n\n        transition:\n            all .25s ease;\n    }\n\n    .abyad-btn-view {\n\n        background: #ffffff;\n\n        color: #6B3F2A;\n\n        border:\n            1px solid #d9cfc4;\n    }\n\n    .abyad-btn-view:hover {\n\n        background: #f8f3ed;\n\n        color: #6B3F2A;\n\n        border-color: #6B3F2A;\n    }\n\n    .abyad-btn-wa {\n\n        background: #6B3F2A;\n\n        color: #ffffff;\n\n        border:\n            1px solid #6B3F2A;\n    }\n\n    .abyad-btn-wa:hover {\n\n        background: #C7A56A;\n\n        color: #2b211b;\n\n        border-color: #C7A56A;\n    }\n\n\n    \/* =====================================================\n       ARROWS\n    ===================================================== *\/\n\n    .abyad-carousel-arrow {\n\n        position: absolute;\n\n        top: 50%;\n\n        transform: translateY(-50%);\n\n        width: 50px;\n        height: 50px;\n\n        border:\n            1px solid #e4d9cd;\n\n        border-radius: 50%;\n\n        background: #ffffff;\n\n        color: #6B3F2A;\n\n        box-shadow:\n            0 6px 18px\n            rgba(43,33,27,.10);\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        font-size: 30px;\n\n        line-height: 1;\n\n        cursor: pointer;\n\n        z-index: 10;\n\n        transition: .25s ease;\n    }\n\n    .abyad-carousel-arrow:hover {\n\n        background: #6B3F2A;\n\n        border-color: #6B3F2A;\n\n        color: #ffffff;\n\n        transform:\n            translateY(-50%)\n            scale(1.05);\n    }\n\n    .abyad-carousel-prev {\n        right: -22px;\n    }\n\n    .abyad-carousel-next {\n        left: -22px;\n    }\n\n    html[lang=\"en-US\"] .abyad-carousel-prev {\n        right: auto;\n        left: -22px;\n    }\n\n    html[lang=\"en-US\"] .abyad-carousel-next {\n        left: auto;\n        right: -22px;\n    }\n\n\n    \/* =====================================================\n       DOTS\n    ===================================================== *\/\n\n    .abyad-carousel-dots {\n\n        display: flex;\n\n        justify-content: center;\n\n        align-items: center;\n\n        gap: 6px;\n\n        margin-top: 18px;\n    }\n\n    .abyad-carousel-dot {\n\n        width: 6px;\n        height: 6px;\n\n        padding: 0;\n\n        border: 0;\n\n        border-radius: 50%;\n\n        background: #d9d1c9;\n\n        cursor: pointer;\n\n        transition: .25s ease;\n    }\n\n    .abyad-carousel-dot.active {\n\n        width: 20px;\n\n        border-radius: 10px;\n\n        background: #6B3F2A;\n    }\n\n\n    \/* =====================================================\n       TABLET\n    ===================================================== *\/\n\n    @media(max-width:1024px) {\n\n        .abyad-products-slider-section {\n\n            padding: 65px 30px;\n        }\n\n        .abyad-slider-header {\n\n            align-items: flex-start;\n\n            flex-direction: column;\n\n            gap: 12px;\n\n            margin-bottom: 30px;\n        }\n\n        .abyad-prod-card {\n\n            flex:\n                0 0 calc(\n                    (100% - 20px) \/ 2\n                );\n        }\n\n        .abyad-carousel-track {\n\n            gap: 20px;\n        }\n\n        .abyad-prod-img {\n\n            height: 250px !important;\n            min-height: 250px !important;\n        }\n\n        .abyad-carousel-prev {\n\n            right: -18px;\n        }\n\n        .abyad-carousel-next {\n\n            left: -18px;\n        }\n\n        html[lang=\"en-US\"] .abyad-carousel-prev {\n\n            right: auto;\n            left: -18px;\n        }\n\n        html[lang=\"en-US\"] .abyad-carousel-next {\n\n            left: auto;\n            right: -18px;\n        }\n    }\n\n\n    \/* =====================================================\n       MOBILE\n    ===================================================== *\/\n\n    @media(max-width:600px) {\n\n        .abyad-products-slider-section {\n\n            padding: 50px 22px;\n        }\n\n        .abyad-slider-header {\n\n            margin-bottom: 25px;\n\n            gap: 8px;\n        }\n\n        .abyad-slider-title-area h2 {\n\n            font-size: 27px;\n        }\n\n        .abyad-slider-desc {\n\n            font-size: 14px;\n\n            line-height: 1.7;\n        }\n\n        .abyad-prod-card {\n\n            flex: 0 0 100%;\n\n            border-radius: 7px;\n        }\n\n        .abyad-carousel-track {\n\n            gap: 18px;\n        }\n\n        .abyad-prod-img {\n\n            height: 225px !important;\n            min-height: 225px !important;\n\n            padding: 8px;\n\n            box-sizing: border-box;\n        }\n\n        .abyad-prod-body {\n\n            padding: 15px 17px 17px;\n        }\n\n        .abyad-prod-body h3 {\n\n            font-size: 17px;\n\n            margin-bottom: 9px;\n        }\n\n        .abyad-prod-meta {\n\n            margin-bottom: 12px;\n\n            padding-top: 9px;\n        }\n\n        .abyad-prod-minimum {\n\n            font-size: 12px;\n        }\n\n        .abyad-prod-minimum strong {\n\n            font-size: 16px;\n        }\n\n        .abyad-prod-actions {\n\n            gap: 7px;\n        }\n\n        .abyad-btn-view,\n        .abyad-btn-wa {\n\n            padding: 9px 6px;\n\n            font-size: 11px;\n        }\n\n        .abyad-prod-badge {\n\n            top: 10px;\n\n            right: 10px;\n\n            font-size: 9px;\n\n            padding: 5px 9px;\n        }\n\n        html[lang=\"en-US\"] .abyad-prod-badge {\n            right: auto !important;\n            left: 10px !important;\n        }\n\n        .abyad-carousel-arrow {\n\n            width: 45px;\n\n            height: 45px;\n\n            font-size: 22px;\n        }\n\n        .abyad-carousel-prev {\n\n            right: 5px;\n        }\n\n        .abyad-carousel-next {\n\n            left: 5px;\n        }\n\n        html[lang=\"en-US\"] .abyad-carousel-prev {\n\n            right: auto;\n            left: 5px;\n        }\n\n        html[lang=\"en-US\"] .abyad-carousel-next {\n\n            left: auto;\n            right: 5px;\n        }\n\n        .abyad-carousel-viewport {\n\n            padding-left: 2px;\n\n            padding-right: 2px;\n        }\n    }\n\n    <\/style>\n\n\n    <section\n        class=\"abyad-products-slider-section\"\n        data-abyad-direction=\"ltr\"\n    >\n\n        <div class=\"abyad-slider-header\">\n\n            <div class=\"abyad-slider-title-area\">\n\n                <h2>\n                    Our Garment Collection                <\/h2>\n\n            <\/div>\n\n            <p class=\"abyad-slider-desc\">\n                Discover Al Abyad\u2019s garment collection, carefully manufactured to meet the needs of wholesalers and importers looking for quality and reliability.            <\/p>\n\n        <\/div>\n\n\n        <div\n            class=\"abyad-carousel\"\n            data-autoplay=\"true\"\n            data-direction=\"ltr\"\n        >\n\n            <button\n                type=\"button\"\n                class=\"abyad-carousel-arrow abyad-carousel-prev\"\n                aria-label=\"Previous\"\n            >\n                \u2039            <\/button>\n\n\n            <div class=\"abyad-carousel-viewport\">\n\n                <div class=\"abyad-carousel-track\">\n\n                    \n\n                            <article\n                                class=\"abyad-prod-card\"\n                            >\n\n                                <div\n                                    class=\"abyad-prod-img\"\n                                >\n\n                                    <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%aa%d8%b1%d9%8a%d9%86%d9%86%d8%ac-%d8%b1%d8%ac%d8%a7%d9%84%d9%8a-%d8%b1%d9%8a%d8%a7%d8%b6%d9%8a\/\">\n\n                                        <img decoding=\"async\"\n                                            src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/8th-Product-01-768x1153.jpeg\"\n                                            alt=\"\u062a\u0631\u064a\u0646\u0646\u062c \u0631\u062c\u0627\u0644\u064a \u0631\u064a\u0627\u0636\u064a\"\n                                            loading=\"lazy\"\n                                        >\n\n                                    <\/a>\n\n\n                                    \n                                        <span\n                                            class=\"\n                                                abyad-prod-badge\n                                                available\n                                            \"\n                                        >\n                                            Available                                        <\/span>\n\n                                    \n                                <\/div>\n\n\n                                <div\n                                    class=\"abyad-prod-body\"\n                                >\n\n                                    <h3>\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%aa%d8%b1%d9%8a%d9%86%d9%86%d8%ac-%d8%b1%d8%ac%d8%a7%d9%84%d9%8a-%d8%b1%d9%8a%d8%a7%d8%b6%d9%8a\/\">\n                                            \u062a\u0631\u064a\u0646\u0646\u062c \u0631\u062c\u0627\u0644\u064a \u0631\u064a\u0627\u0636\u064a                                        <\/a>\n\n                                    <\/h3>\n\n\n                                    <div\n                                        class=\"abyad-prod-meta\"\n                                    >\n\n                                        <div\n                                            class=\"abyad-prod-minimum\"\n                                        >\n\n                                            <span>\n                                                Minimum Order:                                            <\/span>\n\n                                            \n                                                <strong>\n                                                    120                                                <\/strong>\n\n                                                <span\n                                                    class=\"abyad-qty-unit\"\n                                                >\n                                                    pcs                                                <\/span>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div\n                                        class=\"abyad-prod-actions\"\n                                    >\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%aa%d8%b1%d9%8a%d9%86%d9%86%d8%ac-%d8%b1%d8%ac%d8%a7%d9%84%d9%8a-%d8%b1%d9%8a%d8%a7%d8%b6%d9%8a\/\" class=\"abyad-btn-view\">\n                                            View Product                                        <\/a>\n\n\n                                        <a href=\"https:\/\/wa.me\/201014052979?text=Hello%20Al%20Abyad%2C%20I%20would%20like%20to%20inquire%20about%20this%20product%3A%D8%AA%D8%B1%D9%8A%D9%86%D9%86%D8%AC%20%D8%B1%D8%AC%D8%A7%D9%84%D9%8A%20%D8%B1%D9%8A%D8%A7%D8%B6%D9%8AProduct%20link%3A%20https%3A%2F%2Felabyad-eg.com%2Fen%2Fen%2Fproduct%2F%25d8%25aa%25d8%25b1%25d9%258a%25d9%2586%25d9%2586%25d8%25ac-%25d8%25b1%25d8%25ac%25d8%25a7%25d9%2584%25d9%258a-%25d8%25b1%25d9%258a%25d8%25a7%25d8%25b6%25d9%258a%2F\" target=\"_blank\" rel=\"noopener\" class=\"abyad-btn-wa\">\n                                            Order via WhatsApp                                        <\/a>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n\n                        \n\n                            <article\n                                class=\"abyad-prod-card\"\n                            >\n\n                                <div\n                                    class=\"abyad-prod-img\"\n                                >\n\n                                    <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%a8%d8%af%d9%84%d8%a9-%d9%85%d8%ad%d8%ac%d8%a8%d8%a7%d8%aa-%d8%b7%d9%88%d9%8a%d9%84%d8%a9\/\">\n\n                                        <img decoding=\"async\"\n                                            src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/7th-Product-01-768x1153.jpeg\"\n                                            alt=\"\u0628\u062f\u0644\u0629 \u0645\u062d\u062c\u0628\u0627\u062a \u0637\u0648\u064a\u0644\u0629\"\n                                            loading=\"lazy\"\n                                        >\n\n                                    <\/a>\n\n\n                                    \n                                        <span\n                                            class=\"\n                                                abyad-prod-badge\n                                                available\n                                            \"\n                                        >\n                                            Available                                        <\/span>\n\n                                    \n                                <\/div>\n\n\n                                <div\n                                    class=\"abyad-prod-body\"\n                                >\n\n                                    <h3>\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%a8%d8%af%d9%84%d8%a9-%d9%85%d8%ad%d8%ac%d8%a8%d8%a7%d8%aa-%d8%b7%d9%88%d9%8a%d9%84%d8%a9\/\">\n                                            \u0628\u062f\u0644\u0629 \u0645\u062d\u062c\u0628\u0627\u062a \u0637\u0648\u064a\u0644\u0629                                        <\/a>\n\n                                    <\/h3>\n\n\n                                    <div\n                                        class=\"abyad-prod-meta\"\n                                    >\n\n                                        <div\n                                            class=\"abyad-prod-minimum\"\n                                        >\n\n                                            <span>\n                                                Minimum Order:                                            <\/span>\n\n                                            \n                                                <strong>\n                                                    120                                                <\/strong>\n\n                                                <span\n                                                    class=\"abyad-qty-unit\"\n                                                >\n                                                    pcs                                                <\/span>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div\n                                        class=\"abyad-prod-actions\"\n                                    >\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%a8%d8%af%d9%84%d8%a9-%d9%85%d8%ad%d8%ac%d8%a8%d8%a7%d8%aa-%d8%b7%d9%88%d9%8a%d9%84%d8%a9\/\" class=\"abyad-btn-view\">\n                                            View Product                                        <\/a>\n\n\n                                        <a href=\"https:\/\/wa.me\/201014052979?text=Hello%20Al%20Abyad%2C%20I%20would%20like%20to%20inquire%20about%20this%20product%3A%D8%A8%D8%AF%D9%84%D8%A9%20%D9%85%D8%AD%D8%AC%D8%A8%D8%A7%D8%AA%20%D8%B7%D9%88%D9%8A%D9%84%D8%A9Product%20link%3A%20https%3A%2F%2Felabyad-eg.com%2Fen%2Fen%2Fproduct%2F%25d8%25a8%25d8%25af%25d9%2584%25d8%25a9-%25d9%2585%25d8%25ad%25d8%25ac%25d8%25a8%25d8%25a7%25d8%25aa-%25d8%25b7%25d9%2588%25d9%258a%25d9%2584%25d8%25a9%2F\" target=\"_blank\" rel=\"noopener\" class=\"abyad-btn-wa\">\n                                            Order via WhatsApp                                        <\/a>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n\n                        \n\n                            <article\n                                class=\"abyad-prod-card\"\n                            >\n\n                                <div\n                                    class=\"abyad-prod-img\"\n                                >\n\n                                    <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d9%87%d9%88%d8%af%d9%8a-%d8%b1%d8%ac%d8%a7%d9%84%d9%8a-%d8%ab%d9%84%d8%a7%d8%ab%d9%8a-%d8%a7%d9%84%d8%a3%d9%84%d9%88%d8%a7%d9%86\/\">\n\n                                        <img decoding=\"async\"\n                                            src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/T-shirt-Preview-768x1152.jpeg\"\n                                            alt=\"\u0647\u0648\u062f\u064a \u0631\u062c\u0627\u0644\u064a \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0644\u0648\u0627\u0646\"\n                                            loading=\"lazy\"\n                                        >\n\n                                    <\/a>\n\n\n                                    \n                                        <span\n                                            class=\"\n                                                abyad-prod-badge\n                                                production\n                                            \"\n                                        >\n                                            In Production                                        <\/span>\n\n                                    \n                                <\/div>\n\n\n                                <div\n                                    class=\"abyad-prod-body\"\n                                >\n\n                                    <h3>\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d9%87%d9%88%d8%af%d9%8a-%d8%b1%d8%ac%d8%a7%d9%84%d9%8a-%d8%ab%d9%84%d8%a7%d8%ab%d9%8a-%d8%a7%d9%84%d8%a3%d9%84%d9%88%d8%a7%d9%86\/\">\n                                            \u0647\u0648\u062f\u064a \u0631\u062c\u0627\u0644\u064a \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0644\u0648\u0627\u0646                                        <\/a>\n\n                                    <\/h3>\n\n\n                                    <div\n                                        class=\"abyad-prod-meta\"\n                                    >\n\n                                        <div\n                                            class=\"abyad-prod-minimum\"\n                                        >\n\n                                            <span>\n                                                Minimum Order:                                            <\/span>\n\n                                            \n                                                <strong>\n                                                    On Request                                                <\/strong>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div\n                                        class=\"abyad-prod-actions\"\n                                    >\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d9%87%d9%88%d8%af%d9%8a-%d8%b1%d8%ac%d8%a7%d9%84%d9%8a-%d8%ab%d9%84%d8%a7%d8%ab%d9%8a-%d8%a7%d9%84%d8%a3%d9%84%d9%88%d8%a7%d9%86\/\" class=\"abyad-btn-view\">\n                                            View Product                                        <\/a>\n\n\n                                        <a href=\"https:\/\/wa.me\/201014052979?text=Hello%20Al%20Abyad%2C%20I%20would%20like%20to%20inquire%20about%20this%20product%3A%D9%87%D9%88%D8%AF%D9%8A%20%D8%B1%D8%AC%D8%A7%D9%84%D9%8A%20%D8%AB%D9%84%D8%A7%D8%AB%D9%8A%20%D8%A7%D9%84%D8%A3%D9%84%D9%88%D8%A7%D9%86Product%20link%3A%20https%3A%2F%2Felabyad-eg.com%2Fen%2Fen%2Fproduct%2F%25d9%2587%25d9%2588%25d8%25af%25d9%258a-%25d8%25b1%25d8%25ac%25d8%25a7%25d9%2584%25d9%258a-%25d8%25ab%25d9%2584%25d8%25a7%25d8%25ab%25d9%258a-%25d8%25a7%25d9%2584%25d8%25a3%25d9%2584%25d9%2588%25d8%25a7%25d9%2586%2F\" target=\"_blank\" rel=\"noopener\" class=\"abyad-btn-wa\">\n                                            Order via WhatsApp                                        <\/a>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n\n                        \n\n                            <article\n                                class=\"abyad-prod-card\"\n                            >\n\n                                <div\n                                    class=\"abyad-prod-img\"\n                                >\n\n                                    <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b7%d9%82%d9%85-%d8%b1%d8%ac%d8%a7%d9%84%d9%8a-%d8%b5%d9%8a%d9%81%d9%8a-%d8%aa%d9%8a%d8%b4%d9%8a%d8%b1%d8%aa-%d9%88%d8%b4%d9%88%d8%b1%d8%aa\/\">\n\n                                        <img decoding=\"async\"\n                                            src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/6th-Product-01-768x1153.jpeg\"\n                                            alt=\"\u0637\u0642\u0645 \u0631\u062c\u0627\u0644\u064a \u0635\u064a\u0641\u064a \u062a\u064a\u0634\u064a\u0631\u062a \u0648\u0634\u0648\u0631\u062a\"\n                                            loading=\"lazy\"\n                                        >\n\n                                    <\/a>\n\n\n                                    \n                                        <span\n                                            class=\"\n                                                abyad-prod-badge\n                                                available\n                                            \"\n                                        >\n                                            Available                                        <\/span>\n\n                                    \n                                <\/div>\n\n\n                                <div\n                                    class=\"abyad-prod-body\"\n                                >\n\n                                    <h3>\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b7%d9%82%d9%85-%d8%b1%d8%ac%d8%a7%d9%84%d9%8a-%d8%b5%d9%8a%d9%81%d9%8a-%d8%aa%d9%8a%d8%b4%d9%8a%d8%b1%d8%aa-%d9%88%d8%b4%d9%88%d8%b1%d8%aa\/\">\n                                            \u0637\u0642\u0645 \u0631\u062c\u0627\u0644\u064a \u0635\u064a\u0641\u064a \u062a\u064a\u0634\u064a\u0631\u062a \u0648\u0634\u0648\u0631\u062a                                        <\/a>\n\n                                    <\/h3>\n\n\n                                    <div\n                                        class=\"abyad-prod-meta\"\n                                    >\n\n                                        <div\n                                            class=\"abyad-prod-minimum\"\n                                        >\n\n                                            <span>\n                                                Minimum Order:                                            <\/span>\n\n                                            \n                                                <strong>\n                                                    150                                                <\/strong>\n\n                                                <span\n                                                    class=\"abyad-qty-unit\"\n                                                >\n                                                    pcs                                                <\/span>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div\n                                        class=\"abyad-prod-actions\"\n                                    >\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b7%d9%82%d9%85-%d8%b1%d8%ac%d8%a7%d9%84%d9%8a-%d8%b5%d9%8a%d9%81%d9%8a-%d8%aa%d9%8a%d8%b4%d9%8a%d8%b1%d8%aa-%d9%88%d8%b4%d9%88%d8%b1%d8%aa\/\" class=\"abyad-btn-view\">\n                                            View Product                                        <\/a>\n\n\n                                        <a href=\"https:\/\/wa.me\/201014052979?text=Hello%20Al%20Abyad%2C%20I%20would%20like%20to%20inquire%20about%20this%20product%3A%D8%B7%D9%82%D9%85%20%D8%B1%D8%AC%D8%A7%D9%84%D9%8A%20%D8%B5%D9%8A%D9%81%D9%8A%20%D8%AA%D9%8A%D8%B4%D9%8A%D8%B1%D8%AA%20%D9%88%D8%B4%D9%88%D8%B1%D8%AAProduct%20link%3A%20https%3A%2F%2Felabyad-eg.com%2Fen%2Fen%2Fproduct%2F%25d8%25b7%25d9%2582%25d9%2585-%25d8%25b1%25d8%25ac%25d8%25a7%25d9%2584%25d9%258a-%25d8%25b5%25d9%258a%25d9%2581%25d9%258a-%25d8%25aa%25d9%258a%25d8%25b4%25d9%258a%25d8%25b1%25d8%25aa-%25d9%2588%25d8%25b4%25d9%2588%25d8%25b1%25d8%25aa%2F\" target=\"_blank\" rel=\"noopener\" class=\"abyad-btn-wa\">\n                                            Order via WhatsApp                                        <\/a>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n\n                        \n\n                            <article\n                                class=\"abyad-prod-card\"\n                            >\n\n                                <div\n                                    class=\"abyad-prod-img\"\n                                >\n\n                                    <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d9%81%d8%b3%d8%aa%d8%a7%d9%86-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%aa%d9%8a%d8%b1%d8%aa%d9%84-%d9%86%d9%90%d9%83-%d8%b7%d9%88%d9%8a%d9%84\/\">\n\n                                        <img decoding=\"async\"\n                                            src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/5th-Product-01-768x702.jpeg\"\n                                            alt=\"\u0641\u0633\u062a\u0627\u0646 \u062d\u0631\u064a\u0645\u064a \u062a\u064a\u0631\u062a\u0644 \u0646\u0650\u0643 \u0637\u0648\u064a\u0644\"\n                                            loading=\"lazy\"\n                                        >\n\n                                    <\/a>\n\n\n                                    \n                                        <span\n                                            class=\"\n                                                abyad-prod-badge\n                                                available\n                                            \"\n                                        >\n                                            Available                                        <\/span>\n\n                                    \n                                <\/div>\n\n\n                                <div\n                                    class=\"abyad-prod-body\"\n                                >\n\n                                    <h3>\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d9%81%d8%b3%d8%aa%d8%a7%d9%86-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%aa%d9%8a%d8%b1%d8%aa%d9%84-%d9%86%d9%90%d9%83-%d8%b7%d9%88%d9%8a%d9%84\/\">\n                                            \u0641\u0633\u062a\u0627\u0646 \u062d\u0631\u064a\u0645\u064a \u062a\u064a\u0631\u062a\u0644 \u0646\u0650\u0643 \u0637\u0648\u064a\u0644                                        <\/a>\n\n                                    <\/h3>\n\n\n                                    <div\n                                        class=\"abyad-prod-meta\"\n                                    >\n\n                                        <div\n                                            class=\"abyad-prod-minimum\"\n                                        >\n\n                                            <span>\n                                                Minimum Order:                                            <\/span>\n\n                                            \n                                                <strong>\n                                                    150                                                <\/strong>\n\n                                                <span\n                                                    class=\"abyad-qty-unit\"\n                                                >\n                                                    pcs                                                <\/span>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div\n                                        class=\"abyad-prod-actions\"\n                                    >\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d9%81%d8%b3%d8%aa%d8%a7%d9%86-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%aa%d9%8a%d8%b1%d8%aa%d9%84-%d9%86%d9%90%d9%83-%d8%b7%d9%88%d9%8a%d9%84\/\" class=\"abyad-btn-view\">\n                                            View Product                                        <\/a>\n\n\n                                        <a href=\"https:\/\/wa.me\/201014052979?text=Hello%20Al%20Abyad%2C%20I%20would%20like%20to%20inquire%20about%20this%20product%3A%D9%81%D8%B3%D8%AA%D8%A7%D9%86%20%D8%AD%D8%B1%D9%8A%D9%85%D9%8A%20%D8%AA%D9%8A%D8%B1%D8%AA%D9%84%20%D9%86%D9%90%D9%83%20%D8%B7%D9%88%D9%8A%D9%84Product%20link%3A%20https%3A%2F%2Felabyad-eg.com%2Fen%2Fen%2Fproduct%2F%25d9%2581%25d8%25b3%25d8%25aa%25d8%25a7%25d9%2586-%25d8%25ad%25d8%25b1%25d9%258a%25d9%2585%25d9%258a-%25d8%25aa%25d9%258a%25d8%25b1%25d8%25aa%25d9%2584-%25d9%2586%25d9%2590%25d9%2583-%25d8%25b7%25d9%2588%25d9%258a%25d9%2584%2F\" target=\"_blank\" rel=\"noopener\" class=\"abyad-btn-wa\">\n                                            Order via WhatsApp                                        <\/a>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n\n                        \n\n                            <article\n                                class=\"abyad-prod-card\"\n                            >\n\n                                <div\n                                    class=\"abyad-prod-img\"\n                                >\n\n                                    <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b9%d8%a8%d8%a7%d9%8a%d8%a9-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%a8%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%ae%d8%b7%d8%b7\/\">\n\n                                        <img decoding=\"async\"\n                                            src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/4th-Product-07-768x1153.jpeg\"\n                                            alt=\"\u0639\u0628\u0627\u064a\u0629 \u062d\u0631\u064a\u0645\u064a \u0628\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0637\u0637\"\n                                            loading=\"lazy\"\n                                        >\n\n                                    <\/a>\n\n\n                                    \n                                        <span\n                                            class=\"\n                                                abyad-prod-badge\n                                                available\n                                            \"\n                                        >\n                                            Available                                        <\/span>\n\n                                    \n                                <\/div>\n\n\n                                <div\n                                    class=\"abyad-prod-body\"\n                                >\n\n                                    <h3>\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b9%d8%a8%d8%a7%d9%8a%d8%a9-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%a8%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%ae%d8%b7%d8%b7\/\">\n                                            \u0639\u0628\u0627\u064a\u0629 \u062d\u0631\u064a\u0645\u064a \u0628\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0637\u0637                                        <\/a>\n\n                                    <\/h3>\n\n\n                                    <div\n                                        class=\"abyad-prod-meta\"\n                                    >\n\n                                        <div\n                                            class=\"abyad-prod-minimum\"\n                                        >\n\n                                            <span>\n                                                Minimum Order:                                            <\/span>\n\n                                            \n                                                <strong>\n                                                    120                                                <\/strong>\n\n                                                <span\n                                                    class=\"abyad-qty-unit\"\n                                                >\n                                                    pcs                                                <\/span>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div\n                                        class=\"abyad-prod-actions\"\n                                    >\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b9%d8%a8%d8%a7%d9%8a%d8%a9-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%a8%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%ae%d8%b7%d8%b7\/\" class=\"abyad-btn-view\">\n                                            View Product                                        <\/a>\n\n\n                                        <a href=\"https:\/\/wa.me\/201014052979?text=Hello%20Al%20Abyad%2C%20I%20would%20like%20to%20inquire%20about%20this%20product%3A%D8%B9%D8%A8%D8%A7%D9%8A%D8%A9%20%D8%AD%D8%B1%D9%8A%D9%85%D9%8A%20%D8%A8%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D9%85%D8%AE%D8%B7%D8%B7Product%20link%3A%20https%3A%2F%2Felabyad-eg.com%2Fen%2Fen%2Fproduct%2F%25d8%25b9%25d8%25a8%25d8%25a7%25d9%258a%25d8%25a9-%25d8%25ad%25d8%25b1%25d9%258a%25d9%2585%25d9%258a-%25d8%25a8%25d8%25aa%25d8%25b5%25d9%2585%25d9%258a%25d9%2585-%25d9%2585%25d8%25ae%25d8%25b7%25d8%25b7%2F\" target=\"_blank\" rel=\"noopener\" class=\"abyad-btn-wa\">\n                                            Order via WhatsApp                                        <\/a>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n\n                        \n\n                            <article\n                                class=\"abyad-prod-card\"\n                            >\n\n                                <div\n                                    class=\"abyad-prod-img\"\n                                >\n\n                                    <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b7%d9%82%d9%85-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%b7%d9%88%d9%8a%d9%84-%d8%a8%d9%81%d9%8a%d8%b3%d8%aa\/\">\n\n                                        <img decoding=\"async\"\n                                            src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/2nd-Product-01-768x1153.jpeg\"\n                                            alt=\"\u0637\u0642\u0645 \u062d\u0631\u064a\u0645\u064a \u0637\u0648\u064a\u0644 \u0628\u0641\u064a\u0633\u062a\"\n                                            loading=\"lazy\"\n                                        >\n\n                                    <\/a>\n\n\n                                    \n                                        <span\n                                            class=\"\n                                                abyad-prod-badge\n                                                available\n                                            \"\n                                        >\n                                            Available                                        <\/span>\n\n                                    \n                                <\/div>\n\n\n                                <div\n                                    class=\"abyad-prod-body\"\n                                >\n\n                                    <h3>\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b7%d9%82%d9%85-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%b7%d9%88%d9%8a%d9%84-%d8%a8%d9%81%d9%8a%d8%b3%d8%aa\/\">\n                                            \u0637\u0642\u0645 \u062d\u0631\u064a\u0645\u064a \u0637\u0648\u064a\u0644 \u0628\u0641\u064a\u0633\u062a                                        <\/a>\n\n                                    <\/h3>\n\n\n                                    <div\n                                        class=\"abyad-prod-meta\"\n                                    >\n\n                                        <div\n                                            class=\"abyad-prod-minimum\"\n                                        >\n\n                                            <span>\n                                                Minimum Order:                                            <\/span>\n\n                                            \n                                                <strong>\n                                                    50                                                <\/strong>\n\n                                                <span\n                                                    class=\"abyad-qty-unit\"\n                                                >\n                                                    pcs                                                <\/span>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div\n                                        class=\"abyad-prod-actions\"\n                                    >\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b7%d9%82%d9%85-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%b7%d9%88%d9%8a%d9%84-%d8%a8%d9%81%d9%8a%d8%b3%d8%aa\/\" class=\"abyad-btn-view\">\n                                            View Product                                        <\/a>\n\n\n                                        <a href=\"https:\/\/wa.me\/201014052979?text=Hello%20Al%20Abyad%2C%20I%20would%20like%20to%20inquire%20about%20this%20product%3A%D8%B7%D9%82%D9%85%20%D8%AD%D8%B1%D9%8A%D9%85%D9%8A%20%D8%B7%D9%88%D9%8A%D9%84%20%D8%A8%D9%81%D9%8A%D8%B3%D8%AAProduct%20link%3A%20https%3A%2F%2Felabyad-eg.com%2Fen%2Fen%2Fproduct%2F%25d8%25b7%25d9%2582%25d9%2585-%25d8%25ad%25d8%25b1%25d9%258a%25d9%2585%25d9%258a-%25d8%25b7%25d9%2588%25d9%258a%25d9%2584-%25d8%25a8%25d9%2581%25d9%258a%25d8%25b3%25d8%25aa%2F\" target=\"_blank\" rel=\"noopener\" class=\"abyad-btn-wa\">\n                                            Order via WhatsApp                                        <\/a>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n\n                        \n\n                            <article\n                                class=\"abyad-prod-card\"\n                            >\n\n                                <div\n                                    class=\"abyad-prod-img\"\n                                >\n\n                                    <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b7%d9%82%d9%85-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%a8%d9%84%d9%8a%d8%b2%d8%b1-%d9%88%d8%ac%d9%8a%d8%a8%d8%a9-%d8%a8%d9%84%d9%8a%d8%b3%d9%8a%d9%87\/\">\n\n                                        <img decoding=\"async\"\n                                            src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/3rd-Product-01-768x1153.jpeg\"\n                                            alt=\"\u0637\u0642\u0645 \u062d\u0631\u064a\u0645\u064a \u0628\u0644\u064a\u0632\u0631 \u0648\u062c\u064a\u0628\u0629 \u0628\u0644\u064a\u0633\u064a\u0647\"\n                                            loading=\"lazy\"\n                                        >\n\n                                    <\/a>\n\n\n                                    \n                                        <span\n                                            class=\"\n                                                abyad-prod-badge\n                                                available\n                                            \"\n                                        >\n                                            Available                                        <\/span>\n\n                                    \n                                <\/div>\n\n\n                                <div\n                                    class=\"abyad-prod-body\"\n                                >\n\n                                    <h3>\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b7%d9%82%d9%85-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%a8%d9%84%d9%8a%d8%b2%d8%b1-%d9%88%d8%ac%d9%8a%d8%a8%d8%a9-%d8%a8%d9%84%d9%8a%d8%b3%d9%8a%d9%87\/\">\n                                            \u0637\u0642\u0645 \u062d\u0631\u064a\u0645\u064a \u0628\u0644\u064a\u0632\u0631 \u0648\u062c\u064a\u0628\u0629 \u0628\u0644\u064a\u0633\u064a\u0647                                        <\/a>\n\n                                    <\/h3>\n\n\n                                    <div\n                                        class=\"abyad-prod-meta\"\n                                    >\n\n                                        <div\n                                            class=\"abyad-prod-minimum\"\n                                        >\n\n                                            <span>\n                                                Minimum Order:                                            <\/span>\n\n                                            \n                                                <strong>\n                                                    120                                                <\/strong>\n\n                                                <span\n                                                    class=\"abyad-qty-unit\"\n                                                >\n                                                    pcs                                                <\/span>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div\n                                        class=\"abyad-prod-actions\"\n                                    >\n\n                                        <a href=\"https:\/\/elabyad-eg.com\/en\/en\/product\/%d8%b7%d9%82%d9%85-%d8%ad%d8%b1%d9%8a%d9%85%d9%8a-%d8%a8%d9%84%d9%8a%d8%b2%d8%b1-%d9%88%d8%ac%d9%8a%d8%a8%d8%a9-%d8%a8%d9%84%d9%8a%d8%b3%d9%8a%d9%87\/\" class=\"abyad-btn-view\">\n                                            View Product                                        <\/a>\n\n\n                                        <a href=\"https:\/\/wa.me\/201014052979?text=Hello%20Al%20Abyad%2C%20I%20would%20like%20to%20inquire%20about%20this%20product%3A%D8%B7%D9%82%D9%85%20%D8%AD%D8%B1%D9%8A%D9%85%D9%8A%20%D8%A8%D9%84%D9%8A%D8%B2%D8%B1%20%D9%88%D8%AC%D9%8A%D8%A8%D8%A9%20%D8%A8%D9%84%D9%8A%D8%B3%D9%8A%D9%87Product%20link%3A%20https%3A%2F%2Felabyad-eg.com%2Fen%2Fen%2Fproduct%2F%25d8%25b7%25d9%2582%25d9%2585-%25d8%25ad%25d8%25b1%25d9%258a%25d9%2585%25d9%258a-%25d8%25a8%25d9%2584%25d9%258a%25d8%25b2%25d8%25b1-%25d9%2588%25d8%25ac%25d9%258a%25d8%25a8%25d8%25a9-%25d8%25a8%25d9%2584%25d9%258a%25d8%25b3%25d9%258a%25d9%2587%2F\" target=\"_blank\" rel=\"noopener\" class=\"abyad-btn-wa\">\n                                            Order via WhatsApp                                        <\/a>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n\n                        \n                <\/div>\n\n            <\/div>\n\n\n            <button\n                type=\"button\"\n                class=\"abyad-carousel-arrow abyad-carousel-next\"\n                aria-label=\"Next\"\n            >\n                \u203a            <\/button>\n\n\n            <div\n                class=\"abyad-carousel-dots\"\n            ><\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <script>\n\n    document.addEventListener(\n        'DOMContentLoaded',\n        function(){\n\n            const carousels =\n                document.querySelectorAll(\n                    '.abyad-carousel'\n                );\n\n\n            carousels.forEach(\n                function(carousel){\n\n                    const viewport =\n                        carousel.querySelector(\n                            '.abyad-carousel-viewport'\n                        );\n\n                    const track =\n                        carousel.querySelector(\n                            '.abyad-carousel-track'\n                        );\n\n                    const cards =\n                        Array.from(\n                            track.querySelectorAll(\n                                '.abyad-prod-card'\n                            )\n                        );\n\n                    const prev =\n                        carousel.querySelector(\n                            '.abyad-carousel-prev'\n                        );\n\n                    const next =\n                        carousel.querySelector(\n                            '.abyad-carousel-next'\n                        );\n\n                    const dotsContainer =\n                        carousel.querySelector(\n                            '.abyad-carousel-dots'\n                        );\n\n                    const direction =\n                        carousel.getAttribute(\n                            'data-direction'\n                        ) || 'rtl';\n\n\n                    if (\n                        !viewport ||\n                        !track ||\n                        !prev ||\n                        !next ||\n                        !dotsContainer ||\n                        !cards.length\n                    ) {\n                        return;\n                    }\n\n\n                    let current = 0;\n\n                    let visible =\n                        getVisible();\n\n                    let maxIndex =\n                        getMaxIndex();\n\n\n                    function getVisible(){\n\n                        if (\n                            window.innerWidth <= 600\n                        ) {\n                            return 1;\n                        }\n\n                        if (\n                            window.innerWidth <= 1024\n                        ) {\n                            return 2;\n                        }\n\n                        return 3;\n                    }\n\n\n                    function getGap(){\n\n                        return parseFloat(\n                            getComputedStyle(\n                                track\n                            ).gap\n                        ) || 0;\n                    }\n\n\n                    function getStep(){\n\n                        if (!cards[0]) {\n                            return 0;\n                        }\n\n                        return (\n                            cards[0]\n                                .getBoundingClientRect()\n                                .width\n                            +\n                            getGap()\n                        );\n                    }\n\n\n                    function getMaxIndex(){\n\n                        return Math.max(\n                            0,\n                            cards.length - visible\n                        );\n                    }\n\n\n                    function createDots(){\n\n                        dotsContainer.innerHTML = '';\n\n                        const pages =\n                            Math.ceil(\n                                cards.length \/\n                                visible\n                            );\n\n\n                        if (pages <= 1) {\n                            return;\n                        }\n\n\n                        for (\n                            let i = 0;\n                            i < pages;\n                            i++\n                        ){\n\n                            const dot =\n                                document.createElement(\n                                    'button'\n                                );\n\n                            dot.type = 'button';\n\n                            dot.className =\n                                'abyad-carousel-dot';\n\n\n                            dot.addEventListener(\n                                'click',\n                                function(){\n\n                                    current =\n                                        Math.min(\n                                            i * visible,\n                                            maxIndex\n                                        );\n\n                                    update();\n\n                                }\n                            );\n\n\n                            dotsContainer.appendChild(\n                                dot\n                            );\n\n                        }\n\n                    }\n\n\n                    function update(){\n\n                        visible =\n                            getVisible();\n\n                        maxIndex =\n                            getMaxIndex();\n\n\n                        if (\n                            current > maxIndex\n                        ){\n\n                            current =\n                                maxIndex;\n                        }\n\n\n                        const step =\n                            getStep();\n\n\n                        \/*\n                         * RTL = positive translate\n                         * LTR = negative translate\n                         *\/\n\n                        const multiplier =\n                            direction === 'ltr'\n                                ? -1\n                                : 1;\n\n\n                        track.style.transform =\n                            'translateX('\n                            +\n                            (\n                                current *\n                                step *\n                                multiplier\n                            )\n                            +\n                            'px)';\n\n\n                        const dots =\n                            dotsContainer.querySelectorAll(\n                                '.abyad-carousel-dot'\n                            );\n\n\n                        dots.forEach(\n                            function(dot,index){\n\n                                const page =\n                                    Math.floor(\n                                        current \/\n                                        visible\n                                    );\n\n                                dot.classList.toggle(\n                                    'active',\n                                    index === page\n                                );\n\n                            }\n                        );\n\n\n                        if (\n                            cards.length <= visible\n                        ){\n\n                            prev.style.display =\n                                'none';\n\n                            next.style.display =\n                                'none';\n\n                            dotsContainer.style.display =\n                                'none';\n\n                        } else {\n\n                            prev.style.display =\n                                'flex';\n\n                            next.style.display =\n                                'flex';\n\n                            dotsContainer.style.display =\n                                'flex';\n                        }\n\n                    }\n\n\n                    prev.addEventListener(\n                        'click',\n                        function(){\n\n                            current--;\n\n                            if (\n                                current < 0\n                            ){\n\n                                current =\n                                    maxIndex;\n                            }\n\n                            update();\n\n                        }\n                    );\n\n\n                    next.addEventListener(\n                        'click',\n                        function(){\n\n                            current++;\n\n                            if (\n                                current > maxIndex\n                            ){\n\n                                current = 0;\n                            }\n\n                            update();\n\n                        }\n                    );\n\n\n                    let autoplay = null;\n\n\n                    function startAutoplay(){\n\n                        stopAutoplay();\n\n                        autoplay =\n                            setInterval(\n                                function(){\n\n                                    if (\n                                        document.hidden\n                                    ){\n                                        return;\n                                    }\n\n                                    current++;\n\n                                    if (\n                                        current > maxIndex\n                                    ){\n                                        current = 0;\n                                    }\n\n                                    update();\n\n                                },\n                                5000\n                            );\n                    }\n\n\n                    function stopAutoplay(){\n\n                        if (autoplay){\n\n                            clearInterval(\n                                autoplay\n                            );\n\n                            autoplay = null;\n                        }\n                    }\n\n\n                    carousel.addEventListener(\n                        'mouseenter',\n                        stopAutoplay\n                    );\n\n\n                    carousel.addEventListener(\n                        'mouseleave',\n                        startAutoplay\n                    );\n\n\n                    \/* =================================================\n                       TOUCH \/ SWIPE\n                    ================================================= *\/\n\n                    let startX = 0;\n\n                    let isDragging = false;\n\n\n                    viewport.addEventListener(\n                        'touchstart',\n                        function(e){\n\n                            startX =\n                                e.touches[0]\n                                .clientX;\n\n                            isDragging = true;\n\n                            stopAutoplay();\n\n                        },\n                        {\n                            passive:true\n                        }\n                    );\n\n\n                    viewport.addEventListener(\n                        'touchend',\n                        function(e){\n\n                            if (!isDragging){\n                                return;\n                            }\n\n\n                            const endX =\n                                e.changedTouches[0]\n                                .clientX;\n\n                            const diff =\n                                startX - endX;\n\n\n                            if (\n                                Math.abs(diff) > 50\n                            ){\n\n                                if (\n                                    direction === 'ltr'\n                                ) {\n\n                                    if (diff > 0) {\n                                        current++;\n                                    } else {\n                                        current--;\n                                    }\n\n                                } else {\n\n                                    if (diff > 0) {\n                                        current--;\n                                    } else {\n                                        current++;\n                                    }\n\n                                }\n\n\n                                if (\n                                    current > maxIndex\n                                ){\n                                    current = 0;\n                                }\n\n\n                                if (\n                                    current < 0\n                                ){\n                                    current =\n                                        maxIndex;\n                                }\n\n\n                                update();\n                            }\n\n\n                            isDragging = false;\n\n                            startAutoplay();\n\n                        },\n                        {\n                            passive:true\n                        }\n                    );\n\n\n                    \/* =================================================\n                       RESIZE\n                    ================================================= *\/\n\n                    let resizeTimer;\n\n\n                    window.addEventListener(\n                        'resize',\n                        function(){\n\n                            clearTimeout(\n                                resizeTimer\n                            );\n\n\n                            resizeTimer =\n                                setTimeout(\n                                    function(){\n\n                                        visible =\n                                            getVisible();\n\n                                        maxIndex =\n                                            getMaxIndex();\n\n                                        createDots();\n\n                                        update();\n\n                                    },\n                                    150\n                                );\n\n                        }\n                    );\n\n\n                    createDots();\n\n                    update();\n\n                    startAutoplay();\n\n                }\n            );\n\n        }\n    );\n\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a42ee1 e-con-full e-flex e-con e-parent\" data-id=\"3a42ee1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4346e77 elementor-widget elementor-widget-html\" data-id=\"4346e77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =====================================================\r\n   FACTORY GALLERY SECTION\r\n===================================================== *\/\r\n\r\n.abyad-factory-gallery {\r\n    direction: rtl;\r\n    background: #fbf8f3;\r\n    padding: 90px 20px;\r\n    font-family: inherit;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\nhtml[lang=\"en-US\"] .abyad-factory-gallery {\r\n    direction: ltr !important;\r\n}\r\n\r\n.abyad-factory-gallery * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.abyad-factory-container {\r\n    max-width: 1250px;\r\n    margin: auto;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HEADER\r\n===================================================== *\/\r\n\r\n.abyad-factory-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    gap: 50px;\r\n    margin-bottom: 38px;\r\n}\r\n\r\n.abyad-factory-heading {\r\n    max-width: 600px;\r\n    text-align: right;\r\n}\r\n\r\nhtml[lang=\"en-US\"] .abyad-factory-heading {\r\n    text-align: left !important;\r\n}\r\n\r\n.abyad-factory-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: #6B3F2A;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.abyad-factory-tag::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 2px;\r\n    background: #C7A56A;\r\n    display: inline-block;\r\n}\r\n\r\n.abyad-factory-heading h2 {\r\n    font-size: 40px;\r\n    line-height: 1.3;\r\n    color: #333333;\r\n    margin: 0;\r\n    font-weight: 800;\r\n}\r\n\r\n.abyad-factory-heading h2 span {\r\n    color: #6B3F2A;\r\n}\r\n\r\n.abyad-factory-intro {\r\n    max-width: 500px;\r\n    text-align: right;\r\n}\r\n\r\nhtml[lang=\"en-US\"] .abyad-factory-intro {\r\n    text-align: left !important;\r\n}\r\n\r\n.abyad-factory-intro p {\r\n    color: #5D5A58;\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n    margin: 0;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CAROUSEL\r\n===================================================== *\/\r\n\r\n.abyad-factory-carousel {\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n.abyad-factory-viewport {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 8px 3px 20px;\r\n}\r\n\r\n.abyad-factory-track {\r\n    display: flex;\r\n    gap: 20px;\r\n    direction: rtl;\r\n    transition: transform .55s cubic-bezier(.22,.61,.36,1);\r\n    will-change: transform;\r\n}\r\n\r\nhtml[lang=\"en-US\"] .abyad-factory-track {\r\n    direction: ltr !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SLIDE\r\n===================================================== *\/\r\n\r\n.abyad-factory-slide {\r\n    flex: 0 0 calc((100% - 40px) \/ 3);\r\n    height: 360px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #eee8df;\r\n    border-radius: 4px;\r\n    box-shadow: 0 12px 35px rgba(107,63,42,.08);\r\n}\r\n\r\n.abyad-factory-slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform .55s ease;\r\n}\r\n\r\n.abyad-factory-slide:hover img {\r\n    transform: scale(1.045);\r\n}\r\n\r\n.abyad-factory-slide::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        to top,\r\n        rgba(43,33,27,.20),\r\n        transparent 45%\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FACTORY BADGE\r\n===================================================== *\/\r\n\r\n.abyad-factory-proof {\r\n    position: absolute;\r\n    bottom: 16px;\r\n    right: 16px;\r\n    z-index: 3;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    background: rgba(255,255,255,.94);\r\n    color: #6B3F2A;\r\n\r\n    padding: 8px 12px;\r\n\r\n    border-radius: 3px;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    box-shadow: 0 5px 20px rgba(0,0,0,.08);\r\n\r\n    opacity: 0;\r\n    transform: translateY(7px);\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\nhtml[lang=\"en-US\"] .abyad-factory-proof {\r\n    right: auto !important;\r\n    left: 16px !important;\r\n    direction: ltr;\r\n}\r\n\r\n.abyad-factory-slide:hover .abyad-factory-proof {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.abyad-factory-proof svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    fill: #6B3F2A;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ARROWS\r\n===================================================== *\/\r\n\r\n.abyad-factory-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n\r\n    width: 50px;\r\n    height: 50px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid #e0d5c8;\r\n\r\n    background: #ffffff;\r\n    color: #6B3F2A;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    font-size: 28px;\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    z-index: 10;\r\n\r\n    box-shadow:\r\n        0 8px 25px\r\n        rgba(43,33,27,.12);\r\n\r\n    transition: .25s ease;\r\n}\r\n\r\n.abyad-factory-arrow:hover {\r\n    background: #6B3F2A;\r\n    color: #ffffff;\r\n    border-color: #6B3F2A;\r\n}\r\n\r\n.abyad-factory-prev {\r\n    right: -24px;\r\n}\r\n\r\n.abyad-factory-next {\r\n    left: -24px;\r\n}\r\n\r\n\/* English arrow positions *\/\r\n\r\nhtml[lang=\"en-US\"] .abyad-factory-prev {\r\n    right: auto;\r\n    left: -24px;\r\n}\r\n\r\nhtml[lang=\"en-US\"] .abyad-factory-next {\r\n    left: auto;\r\n    right: -24px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BOTTOM\r\n===================================================== *\/\r\n\r\n.abyad-factory-bottom {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-top: 18px;\r\n}\r\n\r\n.abyad-factory-dots {\r\n    justify-content: center;\r\n}\r\n\r\n.abyad-factory-map-btn {\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DOTS\r\n===================================================== *\/\r\n\r\n.abyad-factory-dots {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n.abyad-factory-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    padding: 0;\r\n    border: 0;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #d5ccc3;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: .25s ease;\r\n}\r\n\r\n.abyad-factory-dot.active {\r\n    width: 25px;\r\n    background: #6B3F2A;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAP BUTTON\r\n===================================================== *\/\r\n\r\n.abyad-factory-map-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    background: #6B3F2A;\r\n\r\n    color: #ffffff !important;\r\n\r\n    padding: 14px 27px;\r\n\r\n    border-radius: 4px;\r\n\r\n    border: 2px solid #6B3F2A;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\nhtml[lang=\"en-US\"] .abyad-factory-map-btn {\r\n    direction: ltr !important;\r\n}\r\n\r\n.abyad-factory-map-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n}\r\n\r\n.abyad-factory-map-btn:hover {\r\n    background: #C7A56A;\r\n    border-color: #C7A56A;\r\n    color: #ffffff !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media(max-width:1000px) {\r\n\r\n    .abyad-factory-gallery {\r\n        padding: 70px 30px;\r\n    }\r\n\r\n    .abyad-factory-header {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n\r\n    .abyad-factory-heading h2 {\r\n        font-size: 34px;\r\n    }\r\n\r\n    .abyad-factory-slide {\r\n        flex: 0 0 calc((100% - 18px) \/ 2);\r\n        height: 330px;\r\n    }\r\n\r\n    .abyad-factory-track {\r\n        gap: 18px;\r\n    }\r\n\r\n    .abyad-factory-prev {\r\n        right: -18px;\r\n    }\r\n\r\n    .abyad-factory-next {\r\n        left: -18px;\r\n    }\r\n\r\n    html[lang=\"en-US\"] .abyad-factory-prev {\r\n        right: auto;\r\n        left: -18px;\r\n    }\r\n\r\n    html[lang=\"en-US\"] .abyad-factory-next {\r\n        left: auto;\r\n        right: -18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media(max-width:600px) {\r\n\r\n    .abyad-factory-gallery {\r\n        padding: 55px 18px;\r\n    }\r\n\r\n    .abyad-factory-header {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .abyad-factory-heading h2 {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .abyad-factory-intro p {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .abyad-factory-slide {\r\n        flex: 0 0 100%;\r\n        height: 300px;\r\n    }\r\n\r\n    .abyad-factory-track {\r\n        gap: 16px;\r\n    }\r\n\r\n    .abyad-factory-arrow {\r\n        width: 43px;\r\n        height: 43px;\r\n        font-size: 23px;\r\n    }\r\n\r\n    .abyad-factory-prev {\r\n        right: 8px;\r\n    }\r\n\r\n    .abyad-factory-next {\r\n        left: 8px;\r\n    }\r\n\r\n    html[lang=\"en-US\"] .abyad-factory-prev {\r\n        right: auto;\r\n        left: 8px;\r\n    }\r\n\r\n    html[lang=\"en-US\"] .abyad-factory-next {\r\n        left: auto;\r\n        right: 8px;\r\n    }\r\n\r\n    .abyad-factory-proof {\r\n        opacity: 1;\r\n        transform: none;\r\n        bottom: 12px;\r\n        right: 12px;\r\n    }\r\n\r\n    html[lang=\"en-US\"] .abyad-factory-proof {\r\n        right: auto !important;\r\n        left: 12px !important;\r\n    }\r\n\r\n    .abyad-factory-bottom {\r\n        flex-direction: column-reverse;\r\n        align-items: stretch;\r\n        gap: 18px;\r\n    }\r\n\r\n    .abyad-factory-dots {\r\n        justify-content: center;\r\n    }\r\n\r\n    .abyad-factory-map-btn {\r\n        width: 100%;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section\r\n    class=\"abyad-factory-gallery\"\r\n    id=\"abyadFactoryGallery\"\r\n>\r\n\r\n    <div class=\"abyad-factory-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <div class=\"abyad-factory-header\">\r\n\r\n            <div class=\"abyad-factory-heading\">\r\n\r\n                <h2 id=\"abyadFactoryTitle\">\r\n                    \u0634\u0627\u0647\u062f \u0645\u0635\u0646\u0639\u0646\u0627\r\n                    <span>\u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"abyad-factory-intro\">\r\n\r\n                <p id=\"abyadFactoryDescription\">\r\n                    \u0635\u0648\u0631 \u0641\u0639\u0644\u064a\u0629 \u0645\u0646 \u062f\u0627\u062e\u0644 \u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636 \u0648\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644\r\n                    \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c\u060c \u0644\u062a\u062a\u0639\u0631\u0641 \u0639\u0646 \u0642\u0631\u0628 \u0639\u0644\u0649 \u0628\u064a\u0626\u0629\r\n                    \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647\u0627 \u0641\u064a \u062a\u0646\u0641\u064a\u0630\r\n                    \u0637\u0644\u0628\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             CAROUSEL\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"abyad-factory-carousel\"\r\n            data-autoplay=\"true\"\r\n        >\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"abyad-factory-arrow abyad-factory-prev\"\r\n                id=\"abyadFactoryPrev\"\r\n                aria-label=\"\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\"\r\n            >\r\n                \u2039\r\n            <\/button>\r\n\r\n\r\n            <div class=\"abyad-factory-viewport\">\r\n\r\n                <div class=\"abyad-factory-track\">\r\n\r\n\r\n                    <!-- 01 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-01.jpeg\"\r\n                            alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636 \u0644\u0644\u0645\u0644\u0627\u0628\u0633\"\r\n                            class=\"abyad-factory-image\"\r\n                        >\r\n\r\n                        <div\r\n                            class=\"abyad-factory-proof\"\r\n                            id=\"abyadFactoryProof\"\r\n                        >\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z\"\/>\r\n                            <\/svg>\r\n\r\n                            <span id=\"abyadFactoryProofText\">\r\n                                \u0645\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0635\u0646\u0639\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 02 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-02.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 03 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-03.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 04 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-04.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 05 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-05.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 06 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-06.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 07 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-07.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 08 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-08.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 09 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-09.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 10 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-10.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 11 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-11.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 12 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-12.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 13 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-13.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 14 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-14.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 15 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-15.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 16 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-16.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 17 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-17.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 18 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-18.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 19 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-19.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 20 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-20.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 21 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-21.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 22 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-22.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 23 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-23.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 24 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-24.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 25 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-25.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 26 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-26.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 27 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-27.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 28 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-28.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                    <!-- 29 -->\r\n\r\n                    <div class=\"abyad-factory-slide\">\r\n                        <img decoding=\"async\" loading=\"lazy\" class=\"abyad-factory-image\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Gallery-29.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"abyad-factory-arrow abyad-factory-next\"\r\n                id=\"abyadFactoryNext\"\r\n                aria-label=\"\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\"\r\n            >\r\n                \u203a\r\n            <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             BOTTOM\r\n        ================================================== -->\r\n\r\n        <div class=\"abyad-factory-bottom\">\r\n\r\n            <div class=\"abyad-factory-dots\"><\/div>\r\n\r\n\r\n            <a href=\"https:\/\/maps.google.com\/maps?q=30.1597607%2C31.2813942&amp;z=17&amp;hl=en\" target=\"_blank\" rel=\"noopener\" class=\"abyad-factory-map-btn\" id=\"abyadFactoryMapButton\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path\r\n                        d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n                <span id=\"abyadFactoryMapText\">\r\n                    \u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0635\u0646\u0639 \u0639\u0644\u0649 \u0627\u0644\u062e\u0631\u064a\u0637\u0629\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    'DOMContentLoaded',\r\n    function () {\r\n\r\n\r\n        \/* =================================================\r\n           LANGUAGE\r\n        ================================================= *\/\r\n\r\n        const htmlLang =\r\n            (\r\n                document.documentElement\r\n                .getAttribute('lang') || ''\r\n            ).toLowerCase();\r\n\r\n\r\n        const isEnglish =\r\n            htmlLang.indexOf('en') === 0 ||\r\n            window.location.pathname === '\/en' ||\r\n            window.location.pathname.indexOf('\/en\/') === 0;\r\n\r\n\r\n        \/* =================================================\r\n           TRANSLATE STATIC CONTENT\r\n        ================================================= *\/\r\n\r\n        const title =\r\n            document.getElementById(\r\n                'abyadFactoryTitle'\r\n            );\r\n\r\n        const description =\r\n            document.getElementById(\r\n                'abyadFactoryDescription'\r\n            );\r\n\r\n        const proofText =\r\n            document.getElementById(\r\n                'abyadFactoryProofText'\r\n            );\r\n\r\n        const mapText =\r\n            document.getElementById(\r\n                'abyadFactoryMapText'\r\n            );\r\n\r\n        const prevButton =\r\n            document.getElementById(\r\n                'abyadFactoryPrev'\r\n            );\r\n\r\n        const nextButton =\r\n            document.getElementById(\r\n                'abyadFactoryNext'\r\n            );\r\n\r\n\r\n        if (isEnglish) {\r\n\r\n            if (title) {\r\n\r\n                title.innerHTML =\r\n                    'See Our Factory ' +\r\n                    '<span>In Action<\/span>';\r\n\r\n            }\r\n\r\n\r\n            if (description) {\r\n\r\n                description.textContent =\r\n                    'Explore real photos from inside Al Abyad Factory, including our production, preparation and manufacturing processes, and get a closer look at the facilities and capabilities we rely on to fulfill our clients\u2019 orders.';\r\n\r\n            }\r\n\r\n\r\n            if (proofText) {\r\n\r\n                proofText.textContent =\r\n                    'Inside Our Factory';\r\n\r\n            }\r\n\r\n\r\n            if (mapText) {\r\n\r\n                mapText.textContent =\r\n                    'View Factory on Google Maps';\r\n\r\n            }\r\n\r\n\r\n            if (prevButton) {\r\n\r\n                prevButton.setAttribute(\r\n                    'aria-label',\r\n                    'Previous image'\r\n                );\r\n\r\n            }\r\n\r\n\r\n            if (nextButton) {\r\n\r\n                nextButton.setAttribute(\r\n                    'aria-label',\r\n                    'Next image'\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* =============================================\r\n               IMAGE ALT TEXT\r\n            ============================================= *\/\r\n\r\n            document\r\n                .querySelectorAll(\r\n                    '.abyad-factory-image'\r\n                )\r\n                .forEach(\r\n                    function(image, index) {\r\n\r\n                        image.setAttribute(\r\n                            'alt',\r\n                            'Al Abyad Garment Factory - ' +\r\n                            String(index + 1)\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           CAROUSEL\r\n        ================================================= *\/\r\n\r\n        const carousels =\r\n            document.querySelectorAll(\r\n                '.abyad-factory-carousel'\r\n            );\r\n\r\n\r\n        carousels.forEach(\r\n            function (carousel) {\r\n\r\n                const viewport =\r\n                    carousel.querySelector(\r\n                        '.abyad-factory-viewport'\r\n                    );\r\n\r\n                const track =\r\n                    carousel.querySelector(\r\n                        '.abyad-factory-track'\r\n                    );\r\n\r\n                const slides =\r\n                    Array.from(\r\n                        track.querySelectorAll(\r\n                            '.abyad-factory-slide'\r\n                        )\r\n                    );\r\n\r\n                const prev =\r\n                    carousel.querySelector(\r\n                        '.abyad-factory-prev'\r\n                    );\r\n\r\n                const next =\r\n                    carousel.querySelector(\r\n                        '.abyad-factory-next'\r\n                    );\r\n\r\n                const dotsContainer =\r\n                    carousel\r\n                    .closest(\r\n                        '.abyad-factory-container'\r\n                    )\r\n                    .querySelector(\r\n                        '.abyad-factory-dots'\r\n                    );\r\n\r\n\r\n                if (\r\n                    !viewport ||\r\n                    !track ||\r\n                    !slides.length ||\r\n                    !prev ||\r\n                    !next ||\r\n                    !dotsContainer\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                const direction =\r\n                    isEnglish\r\n                        ? 'ltr'\r\n                        : 'rtl';\r\n\r\n\r\n                let current = 0;\r\n\r\n                let visible =\r\n                    getVisible();\r\n\r\n                let maxIndex =\r\n                    getMaxIndex();\r\n\r\n                let autoplay = null;\r\n\r\n\r\n                \/* =========================================\r\n                   VISIBLE SLIDES\r\n                ========================================= *\/\r\n\r\n                function getVisible() {\r\n\r\n                    if (\r\n                        window.innerWidth <= 600\r\n                    ) {\r\n                        return 1;\r\n                    }\r\n\r\n                    if (\r\n                        window.innerWidth <= 1000\r\n                    ) {\r\n                        return 2;\r\n                    }\r\n\r\n                    return 3;\r\n                }\r\n\r\n\r\n                \/* =========================================\r\n                   GAP\r\n                ========================================= *\/\r\n\r\n                function getGap() {\r\n\r\n                    return parseFloat(\r\n                        getComputedStyle(\r\n                            track\r\n                        ).gap\r\n                    ) || 0;\r\n                }\r\n\r\n\r\n                \/* =========================================\r\n                   STEP\r\n                ========================================= *\/\r\n\r\n                function getStep() {\r\n\r\n                    if (!slides[0]) {\r\n                        return 0;\r\n                    }\r\n\r\n                    return (\r\n                        slides[0]\r\n                        .getBoundingClientRect()\r\n                        .width\r\n                        +\r\n                        getGap()\r\n                    );\r\n                }\r\n\r\n\r\n                \/* =========================================\r\n                   MAX INDEX\r\n                ========================================= *\/\r\n\r\n                function getMaxIndex() {\r\n\r\n                    return Math.max(\r\n                        0,\r\n                        slides.length - visible\r\n                    );\r\n                }\r\n\r\n\r\n                \/* =========================================\r\n                   CREATE DOTS\r\n                ========================================= *\/\r\n\r\n                function createDots() {\r\n\r\n                    dotsContainer.innerHTML = '';\r\n\r\n                    const pages =\r\n                        Math.ceil(\r\n                            slides.length \/\r\n                            visible\r\n                        );\r\n\r\n\r\n                    for (\r\n                        let i = 0;\r\n                        i < pages;\r\n                        i++\r\n                    ) {\r\n\r\n                        const dot =\r\n                            document.createElement(\r\n                                'button'\r\n                            );\r\n\r\n                        dot.type = 'button';\r\n\r\n                        dot.className =\r\n                            'abyad-factory-dot';\r\n\r\n\r\n                        dot.setAttribute(\r\n                            'aria-label',\r\n                            isEnglish\r\n                                ? 'View image group ' + (i + 1)\r\n                                : '\u0639\u0631\u0636 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0635\u0648\u0631 ' + (i + 1)\r\n                        );\r\n\r\n\r\n                        dot.addEventListener(\r\n                            'click',\r\n                            function () {\r\n\r\n                                current =\r\n                                    Math.min(\r\n                                        i * visible,\r\n                                        maxIndex\r\n                                    );\r\n\r\n                                update();\r\n\r\n                                restartAutoplay();\r\n\r\n                            }\r\n                        );\r\n\r\n\r\n                        dotsContainer.appendChild(\r\n                            dot\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                \/* =========================================\r\n                   UPDATE\r\n                ========================================= *\/\r\n\r\n                function update() {\r\n\r\n                    visible =\r\n                        getVisible();\r\n\r\n                    maxIndex =\r\n                        getMaxIndex();\r\n\r\n\r\n                    if (\r\n                        current > maxIndex\r\n                    ) {\r\n\r\n                        current =\r\n                            maxIndex;\r\n\r\n                    }\r\n\r\n\r\n                    const step =\r\n                        getStep();\r\n\r\n\r\n                    \/*\r\n                     * Arabic RTL:\r\n                     * positive translate\r\n                     *\r\n                     * English LTR:\r\n                     * negative translate\r\n                     *\/\r\n\r\n                    const multiplier =\r\n                        direction === 'ltr'\r\n                            ? -1\r\n                            : 1;\r\n\r\n\r\n                    track.style.transform =\r\n                        'translateX(' +\r\n                        (\r\n                            current *\r\n                            step *\r\n                            multiplier\r\n                        ) +\r\n                        'px)';\r\n\r\n\r\n                    const dots =\r\n                        dotsContainer\r\n                        .querySelectorAll(\r\n                            '.abyad-factory-dot'\r\n                        );\r\n\r\n\r\n                    const activePage =\r\n                        Math.floor(\r\n                            current \/ visible\r\n                        );\r\n\r\n\r\n                    dots.forEach(\r\n                        function (dot, index) {\r\n\r\n                            dot.classList.toggle(\r\n                                'active',\r\n                                index === activePage\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    if (\r\n                        slides.length <= visible\r\n                    ) {\r\n\r\n                        prev.style.display =\r\n                            'none';\r\n\r\n                        next.style.display =\r\n                            'none';\r\n\r\n                        dotsContainer.style.display =\r\n                            'none';\r\n\r\n                    } else {\r\n\r\n                        prev.style.display =\r\n                            'flex';\r\n\r\n                        next.style.display =\r\n                            'flex';\r\n\r\n                        dotsContainer.style.display =\r\n                            'flex';\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                \/* =========================================\r\n                   PREVIOUS\r\n                ========================================= *\/\r\n\r\n                prev.addEventListener(\r\n                    'click',\r\n                    function () {\r\n\r\n                        current--;\r\n\r\n                        if (\r\n                            current < 0\r\n                        ) {\r\n\r\n                            current =\r\n                                maxIndex;\r\n\r\n                        }\r\n\r\n                        update();\r\n\r\n                        restartAutoplay();\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                \/* =========================================\r\n                   NEXT\r\n                ========================================= *\/\r\n\r\n                next.addEventListener(\r\n                    'click',\r\n                    function () {\r\n\r\n                        current++;\r\n\r\n                        if (\r\n                            current > maxIndex\r\n                        ) {\r\n\r\n                            current = 0;\r\n\r\n                        }\r\n\r\n                        update();\r\n\r\n                        restartAutoplay();\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                \/* =========================================\r\n                   AUTOPLAY\r\n                ========================================= *\/\r\n\r\n                function startAutoplay() {\r\n\r\n                    stopAutoplay();\r\n\r\n                    autoplay =\r\n                        setInterval(\r\n                            function () {\r\n\r\n                                if (\r\n                                    document.hidden\r\n                                ) {\r\n                                    return;\r\n                                }\r\n\r\n                                current++;\r\n\r\n                                if (\r\n                                    current > maxIndex\r\n                                ) {\r\n\r\n                                    current = 0;\r\n\r\n                                }\r\n\r\n                                update();\r\n\r\n                            },\r\n                            4000\r\n                        );\r\n\r\n                }\r\n\r\n\r\n                function stopAutoplay() {\r\n\r\n                    if (autoplay) {\r\n\r\n                        clearInterval(\r\n                            autoplay\r\n                        );\r\n\r\n                        autoplay = null;\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                function restartAutoplay() {\r\n\r\n                    stopAutoplay();\r\n\r\n                    startAutoplay();\r\n\r\n                }\r\n\r\n\r\n                carousel.addEventListener(\r\n                    'mouseenter',\r\n                    stopAutoplay\r\n                );\r\n\r\n\r\n                carousel.addEventListener(\r\n                    'mouseleave',\r\n                    startAutoplay\r\n                );\r\n\r\n\r\n                \/* =========================================\r\n                   MOBILE SWIPE\r\n                ========================================= *\/\r\n\r\n                let startX = 0;\r\n\r\n                let dragging = false;\r\n\r\n\r\n                viewport.addEventListener(\r\n                    'touchstart',\r\n                    function (event) {\r\n\r\n                        startX =\r\n                            event.touches[0]\r\n                            .clientX;\r\n\r\n                        dragging = true;\r\n\r\n                        stopAutoplay();\r\n\r\n                    },\r\n                    {\r\n                        passive:true\r\n                    }\r\n                );\r\n\r\n\r\n                viewport.addEventListener(\r\n                    'touchend',\r\n                    function (event) {\r\n\r\n                        if (!dragging) {\r\n                            return;\r\n                        }\r\n\r\n\r\n                        const endX =\r\n                            event.changedTouches[0]\r\n                            .clientX;\r\n\r\n\r\n                        const diff =\r\n                            startX - endX;\r\n\r\n\r\n                        if (\r\n                            Math.abs(diff) > 45\r\n                        ) {\r\n\r\n                            if (\r\n                                direction === 'ltr'\r\n                            ) {\r\n\r\n                                \/*\r\n                                 * English\r\n                                 *\/\r\n\r\n                                if (diff > 0) {\r\n\r\n                                    current++;\r\n\r\n                                } else {\r\n\r\n                                    current--;\r\n\r\n                                }\r\n\r\n                            } else {\r\n\r\n                                \/*\r\n                                 * Arabic\r\n                                 *\/\r\n\r\n                                if (diff > 0) {\r\n\r\n                                    current--;\r\n\r\n                                } else {\r\n\r\n                                    current++;\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n\r\n                            if (\r\n                                current > maxIndex\r\n                            ) {\r\n\r\n                                current = 0;\r\n\r\n                            }\r\n\r\n\r\n                            if (\r\n                                current < 0\r\n                            ) {\r\n\r\n                                current =\r\n                                    maxIndex;\r\n\r\n                            }\r\n\r\n\r\n                            update();\r\n\r\n                        }\r\n\r\n\r\n                        dragging = false;\r\n\r\n                        startAutoplay();\r\n\r\n                    },\r\n                    {\r\n                        passive:true\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                                    visible =\r\n                                        getVisible();\r\n\r\n                                    maxIndex =\r\n                                        getMaxIndex();\r\n\r\n\r\n                                    if (\r\n                                        current > maxIndex\r\n                                    ) {\r\n\r\n                                        current =\r\n                                            maxIndex;\r\n\r\n                                    }\r\n\r\n\r\n                                    createDots();\r\n\r\n                                    update();\r\n\r\n                                },\r\n                                150\r\n                            );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                \/* =========================================\r\n                   INIT\r\n                ========================================= *\/\r\n\r\n                createDots();\r\n\r\n                update();\r\n\r\n                startAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56f8828 e-con-full e-flex e-con e-parent\" data-id=\"56f8828\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b345b48 elementor-widget elementor-widget-html\" data-id=\"b345b48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.abyad-about-section {\r\n    direction: rtl;\r\n    background-color: #fbf8f3;\r\n    padding: 100px 20px;\r\n    font-family: inherit;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.abyad-about-container {\r\n    max-width: 1250px;\r\n    margin: auto;\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n\/* IMAGES STACK *\/\r\n.abyad-about-images {\r\n    position: relative;\r\n    height: 480px;\r\n}\r\n\r\n.abyad-img-back {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 65%;\r\n    height: 380px;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n    border: 4px solid #fbf8f3;\r\n}\r\n\r\n.abyad-img-back img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.abyad-img-front {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 10px;\r\n    width: 65%;\r\n    height: 340px;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 50px rgba(107, 63, 42, 0.15);\r\n    border: 4px solid #fbf8f3;\r\n}\r\n\r\n.abyad-img-front img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* CONTENT STYLING *\/\r\n.abyad-about-content {\r\n    text-align: right;\r\n}\r\n\r\n.abyad-about-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #6B3F2A;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.abyad-about-content h2 {\r\n    font-size: 40px;\r\n    line-height: 1.3;\r\n    color: #333333;\r\n    margin: 0 0 20px;\r\n    font-weight: 800;\r\n}\r\n\r\n.abyad-about-content h2 span {\r\n    color: #6B3F2A;\r\n}\r\n\r\n.abyad-about-content p {\r\n    color: #5D5A58;\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* \u0632\u0631\u0627\u0631 \u0627\u0644\u0640 Sharp \u0648\u062a\u0638\u0628\u064a\u0637 \u0627\u0644\u0647\u0648\u0641\u0631 \u0628\u062a\u0627\u0639\u0647 *\/\r\n.abyad-about-btn {\r\n    display: inline-block;\r\n    background: #6B3F2A;\r\n    color: #ffffff !important;\r\n    padding: 15px 35px;\r\n    border-radius: 4px; \/* \u0632\u0648\u0627\u064a\u0627 \u062d\u0627\u062f\u0629 Sharp *\/\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    transition: 0.3s ease;\r\n    margin-top: 10px;\r\n    border: 2px solid #6B3F2A;\r\n}\r\n\r\n.abyad-about-btn:hover {\r\n    background: #C7A56A;\r\n    border-color: #C7A56A;\r\n    color: #ffffff !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n    .abyad-about-section {\r\n        padding: 60px 15px;\r\n    }\r\n    .abyad-about-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    \/* \u0636\u0628\u0637 \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0635\u0648\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u062a\u0643\u0648\u0646 \u0645\u0631\u064a\u062d\u0629 \u0648\u0628\u062f\u0648\u0646 \u062a\u062f\u0627\u062e\u0644 \u0645\u0632\u0639\u062c *\/\r\n    .abyad-about-images {\r\n        height: 320px;\r\n        margin-bottom: 20px;\r\n    }\r\n    .abyad-img-back {\r\n        width: 75%;\r\n        height: 250px;\r\n    }\r\n    .abyad-img-front {\r\n        width: 65%;\r\n        height: 220px;\r\n        left: 0;\r\n    }\r\n    .abyad-about-content h2 {\r\n        font-size: 28px;\r\n        line-height: 1.4;\r\n    }\r\n    .abyad-about-content p {\r\n        font-size: 15px;\r\n    }\r\n    .abyad-about-btn {\r\n        display: block;\r\n        text-align: center;\r\n        width: 100%;\r\n        padding: 14px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"abyad-about-section\">\r\n    <div class=\"abyad-about-container\">\r\n        \r\n        <!-- Images Side -->\r\n        <div class=\"abyad-about-images\">\r\n            <div class=\"abyad-img-back\">\r\n                <img decoding=\"async\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Alabyad-Banner-02-scaled.webp\" alt=\"\u0645\u0635\u0627\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n            <\/div>\r\n            <div class=\"abyad-img-front\">\r\n                <img decoding=\"async\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Hoddies.jpeg\" alt=\"\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content Side -->\r\n        <div class=\"abyad-about-content\">\r\n            <h2>\r\n                \u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a\r\n                <span>\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0645\u0644\u0627\u0628\u0633<\/span>\r\n            <\/h2>\r\n            <p>\r\n                \u062a\u0639\u062f \u0627\u0644\u0627\u0628\u064a\u0636 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0645\u0644\u0627\u0628\u0633 \u0628\u0627\u0644\u062c\u0645\u0644\u0629\u060c \u062d\u064a\u062b \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0625\u0646\u062a\u0627\u062c \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\r\n            <\/p>\r\n            <p>\r\n                \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0648\u064a\u0644\u0629\u060c \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0644\u0636\u0645\u0627\u0646 \u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c\u0627\u062a \u062a\u0644\u0628\u064a \u062a\u0648\u0642\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621. \u0647\u062f\u0641\u0646\u0627 \u0644\u064a\u0633 \u0641\u0642\u0637 \u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0648\u0644\u0643\u0646 \u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629.\r\n            <\/p>\r\n\r\n            <a href=\"https:\/\/wa.me\/201014052979\" target=\"_blank\" class=\"abyad-about-btn\" rel=\"noopener\">\r\n                \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0644\u0634\u0631\u0627\u0643\u0629 \u2190\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee71c20 e-con-full e-flex e-con e-parent\" data-id=\"ee71c20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e895386 elementor-widget elementor-widget-html\" data-id=\"e895386\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.abyad-features-section {\r\n    direction: rtl;\r\n    background: #2b211b;\r\n    padding: 80px 20px;\r\n    font-family: inherit;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u0644\u0645\u0633\u0629 \u0630\u0647\u0628\u064a\u0629 \u062e\u0641\u064a\u0641\u0629 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.abyad-features-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        #C7A56A,\r\n        transparent\r\n    );\r\n}\r\n\r\n.abyad-features-header {\r\n    text-align: center;\r\n    max-width: 700px;\r\n    margin: 0 auto 45px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.abyad-features-header h2 {\r\n    font-size: 40px;\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    margin: 0;\r\n}\r\n\r\n.abyad-features-header h2::after {\r\n    content: \"\";\r\n    display: block;\r\n    width: 50px;\r\n    height: 3px;\r\n    background: #C7A56A;\r\n    margin: 14px auto 0;\r\n    border-radius: 5px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GRID\r\n===================================================== *\/\r\n\r\n.abyad-features-grid {\r\n    max-width: 1250px;\r\n    margin: auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap: 22px;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CARD\r\n===================================================== *\/\r\n\r\n.abyad-feature-card {\r\n\r\n    background: #ffffff;\r\n\r\n    padding: 25px 25px 24px;\r\n\r\n    border-radius: 6px;\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(0, 0, 0, 0.18);\r\n\r\n    transition:\r\n        all 0.35s ease;\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255, 255, 255, 0.08);\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TOP ROW\r\n===================================================== *\/\r\n\r\n.abyad-feature-top {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    width: 100%;\r\n\r\n    margin-bottom: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ICON\r\n===================================================== *\/\r\n\r\n.abyad-feature-icon {\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    min-width: 48px;\r\n\r\n    background: #fbf8f3;\r\n\r\n    border-radius: 4px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    margin: 0;\r\n\r\n    transition: 0.35s ease;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(107, 63, 42, 0.1);\r\n\r\n}\r\n\r\n.abyad-feature-icon svg {\r\n\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n    fill: #6B3F2A;\r\n\r\n    transition: 0.35s ease;\r\n\r\n    flex-shrink: 0;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TITLE\r\n===================================================== *\/\r\n\r\n.abyad-feature-card h3 {\r\n\r\n    font-size: 19px;\r\n\r\n    color: #333333;\r\n\r\n    margin: 0;\r\n\r\n    font-weight: 700;\r\n\r\n    transition: 0.35s ease;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DESCRIPTION\r\n===================================================== *\/\r\n\r\n.abyad-feature-card p {\r\n\r\n    font-size: 14px;\r\n\r\n    color: #5D5A58;\r\n\r\n    line-height: 1.8;\r\n\r\n    margin: 0;\r\n\r\n    transition: 0.35s ease;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HOVER\r\n===================================================== *\/\r\n\r\n.abyad-feature-card:hover {\r\n\r\n    background: #C7A56A;\r\n\r\n    transform: translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 40px\r\n        rgba(199, 165, 106, 0.25);\r\n\r\n}\r\n\r\n.abyad-feature-card:hover h3,\r\n.abyad-feature-card:hover p {\r\n\r\n    color: #ffffff !important;\r\n\r\n}\r\n\r\n.abyad-feature-card:hover .abyad-feature-icon {\r\n\r\n    background:\r\n        rgba(255, 255, 255, 0.2);\r\n\r\n    border-color:\r\n        transparent;\r\n\r\n}\r\n\r\n.abyad-feature-card:hover .abyad-feature-icon svg {\r\n\r\n    fill: #ffffff;\r\n\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    .abyad-features-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    .abyad-features-section {\r\n\r\n        padding: 65px 15px;\r\n\r\n    }\r\n\r\n    .abyad-features-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n    .abyad-features-header {\r\n\r\n        margin-bottom: 35px;\r\n\r\n    }\r\n\r\n    .abyad-features-header h2 {\r\n\r\n        font-size: 30px;\r\n\r\n    }\r\n\r\n    .abyad-feature-card {\r\n\r\n        padding: 22px 20px;\r\n\r\n    }\r\n\r\n    .abyad-feature-top {\r\n\r\n        gap: 12px;\r\n\r\n        margin-bottom: 12px;\r\n\r\n    }\r\n\r\n    .abyad-feature-icon {\r\n\r\n        width: 44px;\r\n        height: 44px;\r\n\r\n        min-width: 44px;\r\n\r\n    }\r\n\r\n    .abyad-feature-icon svg {\r\n\r\n        width: 21px;\r\n        height: 21px;\r\n\r\n    }\r\n\r\n    .abyad-feature-card h3 {\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n    .abyad-feature-card p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"abyad-features-section\">\r\n\r\n    <div class=\"abyad-features-header\">\r\n\r\n        <h2>\r\n            \u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0627\u0628\u064a\u0636\u061f\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"abyad-features-grid\">\r\n\r\n\r\n        <!-- 1 -->\r\n\r\n        <div class=\"abyad-feature-card\">\r\n\r\n            <div class=\"abyad-feature-top\">\r\n\r\n                <div class=\"abyad-feature-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062c\u0648\u062f\u0629 \u0646\u0647\u062a\u0645 \u0628\u0647\u0627\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                \u0646\u062e\u062a\u0627\u0631 \u0627\u0644\u062e\u0627\u0645\u0627\u062a \u0628\u0639\u0646\u0627\u064a\u0629 \u0648\u0646\u0637\u0628\u0642 \u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u0648\u062f\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c\u0627\u062a \u062a\u062a\u0645\u064a\u0632 \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0646\u0629 \u0648\u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 2 -->\r\n\r\n        <div class=\"abyad-feature-card\">\r\n\r\n            <div class=\"abyad-feature-top\">\r\n\r\n                <div class=\"abyad-feature-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0646\u064a\u0639\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                \u0628\u0641\u0636\u0644 \u0633\u0646\u0648\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u0644\u0627\u0628\u0633\u060c \u0646\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 3 -->\r\n\r\n        <div class=\"abyad-feature-card\">\r\n\r\n            <div class=\"abyad-feature-top\">\r\n\r\n                <div class=\"abyad-feature-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-13.5-3h11v4H6V6.5zm13.5 12c-.83 0-1.5-.67-1.5-1.5s.67-1.5-1.5-1.5 1.5 1.5 1.5 1.5z\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062d\u0644\u0648\u0644 \u0627\u0644\u062c\u0645\u0644\u0629 \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                \u0646\u0648\u0641\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0648\u062a\u062c\u0627\u0631 \u0627\u0644\u062c\u0645\u0644\u0629 \u0648\u0627\u0644\u0645\u0648\u0632\u0639\u064a\u0646 \u0645\u0639 \u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 4 -->\r\n\r\n        <div class=\"abyad-feature-card\">\r\n\r\n            <div class=\"abyad-feature-top\">\r\n\r\n                <div class=\"abyad-feature-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M12 3c-4.97 0-9 4.03-9 9 0 2.12.74 4.07 1.97 5.61L4.35 19l1.39 1.39 1.62-1.62C8.93 19.26 10.42 20 12 20c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 15c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062a\u0635\u0646\u064a\u0639 \u062d\u0633\u0628 \u0627\u0644\u0637\u0644\u0628\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u062a\u0635\u0645\u064a\u0645\u0627\u062a\u0647\u0645 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u0627\u0645\u0627\u062a \u0648\u062d\u062a\u0649 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 5 -->\r\n\r\n        <div class=\"abyad-feature-card\">\r\n\r\n            <div class=\"abyad-feature-top\">\r\n\r\n                <div class=\"abyad-feature-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0634\u0631\u064a\u0643 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u0646\u062c\u0627\u062d \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u064a\u0628\u0646\u0649 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0644\u0627\u0642\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bf031d e-con-full e-flex e-con e-parent\" data-id=\"6bf031d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc70f1d elementor-widget elementor-widget-html\" data-id=\"cc70f1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.abyad-export-section {\r\n    direction: rtl;\r\n    background-color: #ffffff;\r\n    padding: 100px 20px;\r\n    font-family: inherit;\r\n    overflow: hidden;\r\n}\r\n\r\n.abyad-export-container {\r\n    max-width: 1250px;\r\n    margin: auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n.abyad-export-content {\r\n    text-align: right;\r\n}\r\n\r\n.abyad-export-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #6B3F2A;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.abyad-export-content h2 {\r\n    font-size: 40px;\r\n    line-height: 1.3;\r\n    color: #333333;\r\n    margin: 0 0 20px;\r\n    font-weight: 800;\r\n}\r\n\r\n.abyad-export-content h2 span {\r\n    color: #6B3F2A;\r\n}\r\n\r\n.abyad-export-content p {\r\n    color: #5D5A58;\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.abyad-export-features {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.abyad-export-feat-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #333;\r\n}\r\n\r\n.abyad-export-feat-item svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #C7A56A;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.abyad-export-btn {\r\n    display: inline-block;\r\n    background: #6B3F2A;\r\n    color: #fff;\r\n    padding: 14px 30px;\r\n    border-radius: 4px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    transition: 0.3s ease;\r\n    border: 2px solid #6B3F2A;\r\n}\r\n\r\n.abyad-export-btn:hover {\r\n    background: #C7A56A;\r\n    border-color: #C7A56A;\r\n    color: #fff;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.abyad-export-image-box {\r\n    position: relative;\r\n    height: 450px;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n    border: 4px solid #fbf8f3;\r\n}\r\n\r\n.abyad-export-image-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: 0.5s ease;\r\n}\r\n\r\n.abyad-export-image-box:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\r\n\/* ==============================\r\n   MOBILE\r\n============================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .abyad-export-section {\r\n        padding: 60px 15px;\r\n    }\r\n\r\n    .abyad-export-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n\r\n    .abyad-export-image-box {\r\n        height: 300px;\r\n        order: -1;\r\n    }\r\n\r\n    .abyad-export-content h2 {\r\n        font-size: 28px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .abyad-export-content p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .abyad-export-btn {\r\n        display: block;\r\n        text-align: center;\r\n        width: 100%;\r\n        padding: 14px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"abyad-export-section\">\r\n\r\n    <div class=\"abyad-export-container\">\r\n\r\n\r\n        <!-- Image Side -->\r\n\r\n        <div class=\"abyad-export-image-box\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Alabyad-Banner--scaled.webp\"\r\n                alt=\"\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u062d\u0633\u0628 \u0627\u0644\u0637\u0644\u0628 - \u0634\u0631\u0643\u0629 \u0627\u0644\u0623\u0628\u064a\u0636\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Content Side -->\r\n\r\n        <div class=\"abyad-export-content\">\r\n\r\n\r\n            <h2>\r\n\r\n                \u0644\u062f\u064a\u0643 \u062a\u0635\u0645\u064a\u0645 \u062e\u0627\u0635\u061f\r\n\r\n                <span>\r\n                    \u0646\u062d\u0646 \u0646\u062a\u0648\u0644\u0649 \u0627\u0644\u062a\u0635\u0646\u064a\u0639\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p>\r\n\r\n                \u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643 \u062a\u0635\u0645\u064a\u0645 \u062e\u0627\u0635 \u0623\u0648 \u0641\u0643\u0631\u0629 \u0644\u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f\u060c\r\n                \u064a\u0645\u0643\u0646 \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0623\u0628\u064a\u0636 \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u062a\u062d\u0648\u064a\u0644 \u0641\u0643\u0631\u062a\u0643\r\n                \u0625\u0644\u0649 \u0645\u0646\u062a\u062c \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0635\u0646\u064a\u0639.\r\n\r\n            <\/p>\r\n\r\n\r\n            <p>\r\n\r\n                \u0646\u0639\u0645\u0644 \u0645\u0639\u0643 \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631\r\n                \u0627\u0644\u062e\u0627\u0645\u0627\u062a \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0648\u062d\u062a\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\r\n                \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"abyad-export-features\">\r\n\r\n\r\n                <div class=\"abyad-export-feat-item\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                    \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u0627\u0645\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"abyad-export-feat-item\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                    \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0646\u062a\u062c \u0644\u0644\u062a\u0635\u0646\u064a\u0639\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"abyad-export-feat-item\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                    \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u062d\u062a\u0649 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"https:\/\/elabyad-eg.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%86%d9%8a%d8%b9-%d8%ad%d8%b3%d8%a8-%d8%a7%d9%84%d8%b7%d9%84%d8%a8\/\" class=\"abyad-export-btn\">\r\n\r\n                \u0627\u0628\u062f\u0623 \u062a\u0635\u0646\u064a\u0639 \u0645\u0646\u062a\u062c\u0643 \u0627\u0644\u0622\u0646 \u2190\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9a8ea3 e-con-full e-flex e-con e-parent\" data-id=\"a9a8ea3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8f6a9d elementor-widget elementor-widget-html\" data-id=\"d8f6a9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.abyad-markets-section {\r\n    direction: rtl;\r\n    background-color: #fbf8f3;\r\n    padding: 70px 20px;\r\n    font-family: inherit;\r\n    overflow: hidden;\r\n}\r\n\r\n.abyad-markets-container {\r\n    max-width: 1250px;\r\n    margin: auto;\r\n    text-align: center;\r\n}\r\n\r\n.abyad-markets-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #6B3F2A;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.abyad-markets-section h2 {\r\n    font-size: 40px;\r\n    color: #333333;\r\n    font-weight: 800;\r\n    margin: 0 0 12px;\r\n}\r\n\r\n.abyad-markets-desc {\r\n    max-width: 750px;\r\n    margin: 0 auto 35px;\r\n    color: #5D5A58;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* 4 \u0643\u0631\u0648\u062a \u0641\u064a \u0627\u0644\u0635\u0641 *\/\r\n.abyad-markets-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n    max-width: 1200px;\r\n    margin: 0 auto 30px;\r\n}\r\n\r\n.abyad-market-card {\r\n    background: #ffffff;\r\n    padding: 25px 18px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(107, 63, 42, 0.05);\r\n    border: 1px solid rgba(107, 63, 42, 0.1);\r\n    transition: 0.3s ease;\r\n    position: relative;\r\n}\r\n\r\n.abyad-market-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 35px rgba(107, 63, 42, 0.12);\r\n    border-color: #C7A56A;\r\n}\r\n\r\n.abyad-market-flag {\r\n    width: 55px;\r\n    height: 55px;\r\n    margin: 0 auto 14px;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n    border: 3px solid #fbf8f3;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #fff;\r\n}\r\n\r\n.abyad-market-flag img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.abyad-market-card h3 {\r\n    font-size: 20px;\r\n    color: #333333;\r\n    margin: 0 0 8px;\r\n    font-weight: 800;\r\n}\r\n\r\n.abyad-market-card p {\r\n    color: #5D5A58;\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n    margin: 0;\r\n}\r\n\r\n.abyad-markets-footer {\r\n    font-size: 15px;\r\n    color: #5D5A58;\r\n    font-weight: 600;\r\n    background: rgba(107, 63, 42, 0.04);\r\n    display: inline-block;\r\n    padding: 12px 25px;\r\n    border-radius: 4px;\r\n    border: 1px dashed rgba(107, 63, 42, 0.2);\r\n}\r\n\r\n.abyad-markets-footer span {\r\n    color: #6B3F2A;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 992px) {\r\n    .abyad-markets-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n\/* Mobile - \u0643\u0627\u0631\u062a\u064a\u0646 \u062c\u0646\u0628 \u0628\u0639\u0636 *\/\r\n@media (max-width: 768px) {\r\n\r\n    .abyad-markets-section {\r\n        padding: 50px 12px;\r\n    }\r\n\r\n    .abyad-markets-section h2 {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .abyad-markets-desc {\r\n        font-size: 14px;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .abyad-markets-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 10px;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .abyad-market-card {\r\n        padding: 18px 10px;\r\n    }\r\n\r\n    .abyad-market-flag {\r\n        width: 45px;\r\n        height: 45px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .abyad-market-card h3 {\r\n        font-size: 16px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .abyad-market-card p {\r\n        font-size: 12px;\r\n        line-height: 1.45;\r\n    }\r\n\r\n    .abyad-markets-footer {\r\n        font-size: 13px;\r\n        padding: 10px 15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"abyad-markets-section\">\r\n    <div class=\"abyad-markets-container\">\r\n\r\n    <h2>\u0646\u062e\u062f\u0645 \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h2>\r\n\r\n    <p class=\"abyad-markets-desc\">\r\n        \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u062d\u0644\u0648\u0644 \u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0645\u0644\u0627\u0628\u0633 \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0644\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0645\u0639 \u062e\u062f\u0645\u0629 \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645.\r\n    <\/p>\r\n\r\n    <div class=\"abyad-markets-grid\">\r\n\r\n        <div class=\"abyad-market-card\">\r\n            <div class=\"abyad-market-flag\">\r\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/ly.png\" alt=\"\u0639\u0644\u0645 \u0644\u064a\u0628\u064a\u0627\">\r\n            <\/div>\r\n            <h3>\u0633\u0648\u0642 \u0644\u064a\u0628\u064a\u0627<\/h3>\r\n            <p>\u062a\u0648\u0631\u064a\u062f\u0627\u062a \u0645\u0646\u062a\u0638\u0645\u0629 \u0644\u062a\u062c\u0627\u0631 \u0627\u0644\u062c\u0645\u0644\u0629 \u0648\u0627\u0644\u0645\u0648\u0632\u0639\u064a\u0646 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0644\u064a\u0628\u064a\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"abyad-market-card\">\r\n            <div class=\"abyad-market-flag\">\r\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/ps.png\" alt=\"\u0639\u0644\u0645 \u0641\u0644\u0633\u0637\u064a\u0646\">\r\n            <\/div>\r\n            <h3>\u0633\u0648\u0642 \u0641\u0644\u0633\u0637\u064a\u0646<\/h3>\r\n            <p>\u062a\u0634\u0643\u064a\u0644\u0627\u062a \u0645\u0644\u0627\u0628\u0633 \u0648\u062a\u0648\u0631\u064a\u062f\u0627\u062a \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u062d\u0644\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"abyad-market-card\">\r\n            <div class=\"abyad-market-flag\">\r\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/sa.png\" alt=\"\u0639\u0644\u0645 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\">\r\n            <\/div>\r\n            <h3>\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/h3>\r\n            <p>\u062d\u0644\u0648\u0644 \u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u0648\u0631\u064a\u062f \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0644\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0648\u0627\u0644\u062a\u062c\u0627\u0631 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"abyad-market-card\">\r\n            <div class=\"abyad-market-flag\">\r\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/sd.png\" alt=\"\u0639\u0644\u0645 \u0627\u0644\u0633\u0648\u062f\u0627\u0646\">\r\n            <\/div>\r\n            <h3>\u0633\u0648\u0642 \u0627\u0644\u0633\u0648\u062f\u0627\u0646<\/h3>\r\n            <p>\u062a\u0634\u0643\u064a\u0644\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u062e\u064a\u0627\u0631\u0627\u062a \u062a\u0648\u0631\u064a\u062f \u062a\u0646\u0627\u0633\u0628 \u062a\u062c\u0627\u0631 \u0648\u0645\u0633\u062a\u0648\u0631\u062f\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0648\u062f\u0627\u0646\u064a.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"abyad-market-card\">\r\n            <div class=\"abyad-market-flag\">\r\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/kw.png\" alt=\"\u0639\u0644\u0645 \u0627\u0644\u0643\u0648\u064a\u062a\">\r\n            <\/div>\r\n            <h3>\u0633\u0648\u0642 \u0627\u0644\u0643\u0648\u064a\u062a<\/h3>\r\n            <p>\u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u0648\u0631\u064a\u062f \u0645\u0644\u0627\u0628\u0633 \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0644\u0644\u062a\u062c\u0627\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"abyad-market-card\">\r\n            <div class=\"abyad-market-flag\">\r\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/jo.png\" alt=\"\u0639\u0644\u0645 \u0627\u0644\u0623\u0631\u062f\u0646\">\r\n            <\/div>\r\n            <h3>\u0633\u0648\u0642 \u0627\u0644\u0623\u0631\u062f\u0646<\/h3>\r\n            <p>\u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u0635\u062f\u064a\u0631 \u0644\u0644\u0645\u0648\u0632\u0639\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0648\u062a\u062c\u0627\u0631 \u0627\u0644\u062c\u0645\u0644\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"abyad-market-card\">\r\n            <div class=\"abyad-market-flag\">\r\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/om.png\" alt=\"\u0639\u0644\u0645 \u0633\u0644\u0637\u0646\u0629 \u0639\u0645\u0627\u0646\">\r\n            <\/div>\r\n            <h3>\u0633\u0648\u0642 \u0639\u064f\u0645\u0627\u0646<\/h3>\r\n            <p>\u062a\u0648\u0631\u064a\u062f\u0627\u062a \u0645\u0644\u0627\u0628\u0633 \u062c\u0627\u0647\u0632\u0629 \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0644\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"abyad-market-card\">\r\n            <div class=\"abyad-market-flag\">\r\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/ae.png\" alt=\"\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637\">\r\n            <\/div>\r\n            <h3>\u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637<\/h3>\r\n            <p>\u062e\u062f\u0645\u0629 \u0645\u062e\u062a\u0644\u0641 \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u062d\u0644\u0648\u0644 \u0645\u0631\u0646\u0629 \u0644\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"abyad-market-card\">\r\n            <div class=\"abyad-market-flag\">\r\n                <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w160\/eu.png\" alt=\"\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629\">\r\n            <\/div>\r\n            <h3>\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/h3>\r\n            <p>\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u062a\u0635\u062f\u064a\u0631 \u0648\u062a\u0639\u0627\u0648\u0646 \u062a\u062c\u0627\u0631\u064a \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"abyad-markets-footer\">\r\n        \u062e\u062f\u0645\u0627\u062a <span>\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u062a\u0635\u062f\u064a\u0631 \u0645\u0631\u0646\u0629<\/span> \u0648\u0634\u0631\u0627\u0643\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u0623\u0648\u0631\u0648\u0628\u0627.\r\n    <\/div>\r\n\r\n<\/div>\r\n```\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b7b1a0 e-con-full e-flex e-con e-parent\" data-id=\"5b7b1a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01da242 elementor-widget elementor-widget-html\" data-id=\"01da242\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.abyad-sample-section {\r\n    direction: rtl;\r\n    background: linear-gradient(135deg, #44342b 0%, #2b211b 100%);\r\n    background-image: \r\n        radial-gradient(rgba(199, 165, 106, 0.08) 1px, transparent 1px),\r\n        linear-gradient(135deg, #44342b 0%, #2b211b 100%);\r\n    background-size: 24px 24px, 100% 100%;\r\n    padding: 130px 20px 100px;\r\n    font-family: inherit;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.abyad-torn-divider {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    line-height: 0;\r\n}\r\n\r\n.abyad-torn-divider svg {\r\n    position: relative;\r\n    display: block;\r\n    width: calc(100% + 1.3px);\r\n    height: 50px;\r\n}\r\n\r\n.abyad-torn-divider .shape-fill {\r\n    fill: #ffffff;\r\n}\r\n\r\n.abyad-sample-container {\r\n    max-width: 1250px;\r\n    margin: auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.1fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.abyad-creative-images {\r\n    position: relative;\r\n    height: 420px;\r\n}\r\n\r\n.abyad-img-main {\r\n    width: 75%;\r\n    height: 340px;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    border: 4px solid rgba(199, 165, 106, 0.3);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.3);\r\n}\r\n\r\n.abyad-img-main img,\r\n.abyad-img-sub img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: 0.5s ease;\r\n}\r\n\r\n.abyad-img-sub {\r\n    width: 55%;\r\n    height: 230px;\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    border: 4px solid rgba(199, 165, 106, 0.3);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n}\r\n\r\n.abyad-creative-images:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n.abyad-sample-content {\r\n    text-align: right;\r\n}\r\n\r\n.abyad-sample-tag {\r\n    display: inline-block;\r\n    color: #C7A56A;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.abyad-sample-content h2 {\r\n    font-size: 38px;\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    margin: 0 0 20px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.abyad-sample-content p {\r\n    color: #d1c7be;\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.abyad-sample-buttons {\r\n    display: flex;\r\n    gap: 15px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.abyad-btn-main {\r\n    background: #6B3F2A;\r\n    color: #ffffff;\r\n    padding: 15px 30px;\r\n    border-radius: 4px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    transition: 0.3s ease;\r\n    border: 2px solid #6B3F2A;\r\n}\r\n\r\n.abyad-btn-main:hover {\r\n    background: #C7A56A;\r\n    border-color: #C7A56A;\r\n    color: #333;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.abyad-btn-alt {\r\n    background: transparent;\r\n    color: #ffffff;\r\n    padding: 15px 30px;\r\n    border-radius: 4px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    transition: 0.3s ease;\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.abyad-btn-alt:hover {\r\n    border-color: #C7A56A;\r\n    color: #C7A56A;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .abyad-sample-section {\r\n        padding: 90px 15px 60px;\r\n    }\r\n\r\n    .abyad-sample-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n\r\n    .abyad-creative-images {\r\n        height: 300px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .abyad-img-main {\r\n        width: 80%;\r\n        height: 240px;\r\n    }\r\n\r\n    .abyad-img-sub {\r\n        width: 60%;\r\n        height: 170px;\r\n    }\r\n\r\n    .abyad-sample-content h2 {\r\n        font-size: 28px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .abyad-sample-content p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .abyad-sample-buttons {\r\n        flex-direction: column;\r\n        width: 100%;\r\n    }\r\n\r\n    .abyad-sample-buttons a {\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 14px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"abyad-sample-section\">\r\n\r\n```\r\n<div class=\"abyad-torn-divider\">\r\n    <svg viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n        <path d=\"M0,0 C150,90 350,-40 500,60 C650,160 900,10 1200,40 L1200,0 L0,0 Z\" class=\"shape-fill\"><\/path>\r\n    <\/svg>\r\n<\/div>\r\n\r\n<div class=\"abyad-sample-container\">\r\n\r\n    <div class=\"abyad-creative-images\">\r\n        <div class=\"abyad-img-main\">\r\n            <img decoding=\"async\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Hoddies-02.jpeg\" alt=\"\u062a\u0634\u0643\u064a\u0644\u0629 \u0647\u0648\u062f\u064a\u0632 \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n        <\/div>\r\n\r\n        <div class=\"abyad-img-sub\">\r\n            <img decoding=\"async\" src=\"https:\/\/elabyad-eg.com\/wp-content\/uploads\/2026\/09\/Alabyad-Banner-03.webp\" alt=\"\u0645\u0648\u062f\u064a\u0644\u0627\u062a \u0648\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0628\u064a\u0636\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"abyad-sample-content\">\r\n\r\n        <h2>\u0627\u0643\u062a\u0634\u0641 \u0645\u0648\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0623\u0628\u064a\u0636 \u0648\u0627\u062e\u062a\u0631 \u0645\u0627 \u064a\u0646\u0627\u0633\u0628 \u062a\u062c\u0627\u0631\u062a\u0643<\/h2>\r\n\r\n        <p>\r\n            \u062a\u0635\u0641\u062d \u062a\u0634\u0643\u064a\u0644\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0644\u0627\u0628\u0633 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0648\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0648\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0644\u062f\u064a\u0643.<br>\r\n            \u0648\u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0627\u0644\u0645\u0648\u062f\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f\u060c \u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0627\u0644\u0623\u0628\u064a\u0636 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628.\r\n        <\/p>\r\n\r\n        <div class=\"abyad-sample-buttons\">\r\n\r\n            <a href=\"https:\/\/elabyad-eg.com\/%d8%a7%d9%84%d9%85%d9%86%d8%aa%d8%ac%d8%a7%d8%aa\/\" class=\"abyad-btn-main\">\r\n                \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0648\u062f\u064a\u0644\u0627\u062a \u2190\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/wa.me\/201014052979?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u063a\u0628 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0627\u0644\u0645\u0648\u062f\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631\" target=\"_blank\" class=\"abyad-btn-alt\" rel=\"noopener\">\r\n                \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n```\r\n\r\n<\/section>\r\n\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>\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0628\u064a\u0636 \u0644\u0644\u0645\u0644\u0627\u0628\u0633 \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u062a\u0642\u062f\u0645 \u0627\u0644\u0623\u0628\u064a\u0636 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u0644\u0627\u0628\u0633 \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0644\u0644\u0645\u0633\u062a\u0648\u0631\u062f\u064a\u0646 \u0648\u062a\u062c\u0627\u0631 \u0627\u0644\u062a\u062c\u0632\u0626\u0629. \u0628\u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 25 \u0639\u0627\u0645\u064b\u0627\u060c \u0646\u0633\u0627\u0639\u062f \u0634\u0631\u0643\u0627\u0621\u0646\u0627 \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062f\u0642\u0629\u060c \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u062a\u0627\u0645 \u0628\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0625\u0646\u062a\u0627\u062c. \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u2190 \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u0639\u0631\u0636 \u0627\u0644\u0641\u064a\u062f\u064a\u0648. \u0634\u0627\u0647\u062f \u0645\u0635\u0646\u0639\u0646\u0627 \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639 \u0635\u0648\u0631 \u0641\u0639\u0644\u064a\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/elabyad-eg.com\/en\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elabyad-eg.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elabyad-eg.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elabyad-eg.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elabyad-eg.com\/en\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":100,"href":"https:\/\/elabyad-eg.com\/en\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":905,"href":"https:\/\/elabyad-eg.com\/en\/wp-json\/wp\/v2\/pages\/40\/revisions\/905"}],"wp:attachment":[{"href":"https:\/\/elabyad-eg.com\/en\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}