{"id":795,"date":"2025-02-28T22:11:01","date_gmt":"2025-02-28T22:11:01","guid":{"rendered":"https:\/\/almasrya-eg.net\/ar\/?page_id=795"},"modified":"2025-07-20T13:38:59","modified_gmt":"2025-07-20T13:38:59","slug":"safir-dahab","status":"publish","type":"page","link":"https:\/\/almasrya-eg.net\/ar\/safir-dahab\/","title":{"rendered":"Safir Dahab"},"content":{"rendered":"    <style>\n        @media (max-width:450px){\n            .size-text{\n                font-size: 25px;\n                            \n        }\n        @media (max-width:450px){\n            .subtitle-size{\n                font-size: 12px;\n                            \n        }\n    <\/style>\n    <!-- Breadcramp -->\n    <section  dir=\"rtl\">\n    <div style=\"background-image: url(https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2024\/12\/Grident.png);\" class=\" bg-cover bg-center -scale-x-100 bg-no-repeat\">\n        <div class=\"bg-gradient-to-r from-black z-10 h-[100%] py-10 px-4\" >\n            <div class=\"container mx-auto  -scale-x-100 \">\n                <h1 class=\"size-text text-white font-bold text-4xl \">\n                    \u0633\u0641\u064a\u0631 \u062f\u0647\u0628\n                <\/h1>\n                <div class=\"flex gap-2 items-center py-4\">\n                                    <a class=\"subtitle-size text-[#64748b] text-nowrap\" href=\"https:\/\/almasrya-eg.net\/ar\/\">\n                        \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\n                    <\/a>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" enable-background=\"new 0 0 15 26\" height=\"26px\" id=\"Layer_1\" version=\"1.1\" viewBox=\"0 0 15 26\" width=\"6\" height=\"9\" xml:space=\"preserve\"><polygon fill=\"#231F20\" points=\"12.885,0.58 14.969,2.664 4.133,13.5 14.969,24.336 12.885,26.42 2.049,15.584 -0.035,13.5 \" stroke=\"#64748B\"\/><\/svg>\n                                    <a class=\"subtitle-size text-[#64748b] text-nowrap\" href=\"https:\/\/almasrya-eg.net\/ar\/hotels\/\">\n                        \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0648 \u0627\u0644\u0645\u0646\u062a\u062c\u0639\u0627\u062a\n                    <\/a>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" enable-background=\"new 0 0 15 26\" height=\"26px\" id=\"Layer_1\" version=\"1.1\" viewBox=\"0 0 15 26\" width=\"6\" height=\"9\" xml:space=\"preserve\"><polygon fill=\"#231F20\" points=\"12.885,0.58 14.969,2.664 4.133,13.5 14.969,24.336 12.885,26.42 2.049,15.584 -0.035,13.5 \" stroke=\"#64748B\"\/><\/svg>\n                                    <span class=\"subtitle-size text-white\">\n                        \u0633\u0641\u064a\u0631 \u062f\u0647\u0628\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/div>    \n        <\/div>\n    <\/section>\n\n        \n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n    <style>\n      .toZoom {\n    border-radius: 5px;\n    cursor: zoom-in;\n    transition: 0.3s;\n    }\n\n    .toZoom:hover {\n    opacity: 0.7;\n    }\n    \/* Swiper styles *\/\n    .swiper {\n    width: 92%;\n    height: 300px;\n    }\n    \/* Swiper modal *\/\n .swiper-modal {\n    height: 80%;\n    width: 40%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    \n    \n}\n\n\n  \n\n    \/*Modal*\/\n    .modal {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.8);\n        z-index: 9999;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n\n    \n    @media screen and (max-width: 690px){\n    .swiper-modal {\n        height: 90%;\n        width: 60%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: white;\n    }\n    }\n\n    .close-modal {\n        font-size: 3rem;\n        color: white;\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        cursor: pointer;\n        z-index: 100;\n    }\n\n       @media (min-width: 640px) and (max-width: 767px) {\n            \/* Custom styles here *\/\n            .pagination2 {\n                top:20%\n            }\n        }\n       @media (min-width: 639px) and (max-width: 768px) {\n            \/* Custom styles here *\/\n            .pagination2 {\n                top:47%\n            }\n            .swiper-button-next-cert {\n                right: 0;\n            }\n        }\n       @media (max-width: 450px) {\n            \/* Custom styles here *\/\n            .pagination2 {\n                top:47%\n            }\n        }\n          @media screen and (max-width: 690px){\n          .modal {\n              display: none;\n              visibility:hidden\n              \n          }\n          }\n          \n          .main-image {\n              height: 600px;\n          }\n           @media (max-width: 450px){\n              .main-image {\n              height: 300px;\n              }}\n         @media (max-width: 450px){\n              .small-video {\n              margin: 0 10px;\n              }}\n          @media (min-width: 451px) { \n              .small-video {\n             margin: 0 32px;\n             \n              }}\n\n\n\n    \/* Tailwind style for showing the modal *\/\n    .hidden-img {\n        display: none;\n    }\n    <\/style>\n    <!-- Section 1 -->\n    <section class=\"container mx-auto px-4 py-8\" dir=\"rtl\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-10 \">\n            <div class=\"col-span-2 flex flex-col gap-4\">\n                <img decoding=\"async\" class=\"main-image rounded-xl h-[600px] object-fill z-10\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/06\/Picture26-e1750075789391-1.png\" alt=\"image\">\n            <\/div>\n            <div class=\"border lg:sticky top-10  rounded-xl h-fit p-4\">\n                <h3 class=\"font-bold\"><\/h3>\n                                                 <div class=\"flex gap-2 items-center py-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\"> <path d=\"M32.5 34.6667C31.7077 19.1111 8.2923 19.1111 7.5 34.6667\" stroke=\"#11284A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/> <ellipse cx=\"20\" cy=\"13.8333\" rx=\"5\" ry=\"5\" stroke=\"#11284A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/> <\/svg>\n                        <div>\n                            <div class=\"flex items-center gap-2\">\n                                <span >\n                                \u0627\u0644\u0639\u0645\u064a\u0644\n                                <\/span>\n                            <\/div>\n                            <div class=\"font-bold\">\n                            \u0633\u0641\u064a\u0631 \u062f\u0647\u0628\n                            <\/div>\n                        <\/div>\n                <\/div>\n                <hr class=\"last-of-type:hidden\">\n                                                                 <div class=\"flex gap-2 items-center py-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\"> <path d=\"M39.5727 34.4273H38.5789L35.5011 18.5051V15.2327C35.5011 15.1193 35.4561 15.0106 35.3759 14.9305C35.2958 14.8503 35.1871 14.8053 35.0737 14.8053H29.5496C29.4363 14.8053 29.3276 14.8503 29.2474 14.9305C29.1673 15.0106 29.1223 15.1193 29.1223 15.2327V18.4662L27.8748 24.9196L22.6132 7.92241H26.8089V9.39326C26.8089 9.62933 27.0002 9.82061 27.2363 9.82061C27.4724 9.82061 27.6636 9.62933 27.6636 9.39326V7.49506C27.6636 7.38172 27.6186 7.27302 27.5385 7.19288C27.4583 7.11273 27.3496 7.06771 27.2363 7.06771H22.3486L20.4087 0.800871C20.3817 0.713711 20.3275 0.637484 20.254 0.583345C20.1806 0.529207 20.0917 0.5 20.0005 0.5C19.9092 0.5 19.8204 0.529207 19.7469 0.583345C19.6735 0.637484 19.6193 0.713711 19.5923 0.800871L17.6524 7.06762H12.7647C12.6513 7.06762 12.5426 7.11265 12.4625 7.19279C12.3823 7.27293 12.3373 7.38163 12.3373 7.49497V9.39318C12.3373 9.62925 12.5286 9.82053 12.7647 9.82053C13.0007 9.82053 13.192 9.62925 13.192 9.39318V7.92241H17.3878L10.7179 29.4691H0.428176C0.180826 29.4635 -0.0294307 29.6985 0.00338986 29.9437L1.13544 40.1199C1.14707 40.2245 1.19684 40.321 1.27521 40.3911C1.35358 40.4613 1.45506 40.5 1.56023 40.5H14.7429C14.848 40.5 14.9495 40.4612 15.0279 40.3911C15.1062 40.321 15.156 40.2244 15.1677 40.1199L16.2945 29.9909L20.0102 27.8217L26.5735 31.6522L26.037 34.4275H20.0654C19.8294 34.4275 19.6381 34.6187 19.6381 34.8548C19.6381 35.0909 19.8294 35.2822 20.0654 35.2822H39.5727C39.6861 35.2822 39.7948 35.2371 39.875 35.157C39.9551 35.0768 40.0001 34.9681 40.0001 34.8547C40.0001 34.7414 39.9551 34.6326 39.875 34.5525C39.7948 34.4723 39.6861 34.4273 39.5727 34.4273ZM34.6464 15.66V18.0798H29.977V15.66H34.6464ZM26.1453 22.2227L20.7397 18.4277L24.2153 15.9881L26.1453 22.2227ZM23.4196 13.4177L20.5677 10.0386L21.89 8.47651L23.4196 13.4177ZM20.0087 9.37617L18.7818 7.92241H21.2392L20.0087 9.37617ZM20.0005 2.37241L21.454 7.06771H18.5471L20.0005 2.37241ZM18.1163 8.45916L19.4487 10.0379L16.5775 13.43L18.1163 8.45916ZM20.0077 10.7003L23.8221 15.2198L19.996 17.9056L16.1779 15.2251L20.0077 10.7003ZM15.7841 15.9931L19.2521 18.4277L13.8584 22.2139L15.7841 15.9931ZM14.3605 39.6452H1.94271L0.905698 30.3237H15.3974L14.3605 39.6452ZM15.4927 29.469H11.6124L13.3295 23.9224L19.1624 27.3267L15.4927 29.469ZM20.0101 26.8319L13.8713 23.2491L19.996 18.9498L26.1325 23.2578L20.0101 26.8319ZM20.8579 27.3267L26.6742 23.9313L27.5309 26.6988L26.7454 30.7628L20.8579 27.3267ZM26.9074 34.4273L29.9023 18.9345H34.7136L37.7084 34.4273H26.9074Z\" fill=\"#11284A\"\/> <\/svg>\n                        <div>\n                            <div class=\"flex items-center gap-2\">\n                                <span >\n                                \u0627\u0644\u0642\u0637\u0627\u0639\n                                <\/span>\n                            <\/div>\n                            <div class=\"font-bold\">\n                            \u0641\u0646\u0627\u062f\u0642\n                            <\/div>\n                        <\/div>\n                <\/div>\n                <hr class=\"last-of-type:hidden\">\n                                                                 <div class=\"flex gap-2 items-center py-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\"> <path d=\"M20.9332 35.2012C20.3745 35.5996 19.6255 35.5996 19.0668 35.2012C11.019 29.4621 2.47595 17.6618 11.1112 9.13547C13.4686 6.80772 16.666 5.5 20 5.5C23.334 5.5 26.5314 6.80772 28.8888 9.13547C37.524 17.6618 28.981 29.4621 20.9332 35.2012Z\" stroke=\"#11284A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/> <path d=\"M19.9998 20.4999C21.8408 20.4999 23.3332 19.0075 23.3332 17.1666C23.3332 15.3256 21.8408 13.8333 19.9998 13.8333C18.1589 13.8333 16.6665 15.3256 16.6665 17.1666C16.6665 19.0075 18.1589 20.4999 19.9998 20.4999Z\" stroke=\"#11284A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/> <\/svg>\n                        <div>\n                            <div class=\"flex items-center gap-2\">\n                                <span >\n                                \u0627\u0644\u0639\u0646\u0648\u0627\u0646\n                                <\/span>\n                            <\/div>\n                            <div class=\"font-bold\">\n                            \u062f\u0647\u0628\n                            <\/div>\n                        <\/div>\n                <\/div>\n                <hr class=\"last-of-type:hidden\">\n                                            <\/div>\n            \n            <div class=\"col-span-2 flex flex-col gap-4\">\n                <h2 class=\"font-bold text-[#1F2937]\">\n                    \u0627\u0644\u0648\u0635\u0641\n                <\/h2>\n                <p class=\"text-[#374151]\">\n                \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0646\u062a\u062c\u0639 \u0628\u0645\u0627 \u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0627\u062d\u0629 \u0644\u0644\u0641\u0646\u0627\u062f\u0642 \u0648\u062a\u0631\u062e\u064a\u0635 \u0627\u0644\u062e\u0645\u0633 \u0646\u062c\u0648\u0645\n                <h4 class=\"font-bold\"><\/h4>\n                <ul class=\"text-[#374151] list-disc list-inside list-decimal list-[arabic-indic]\">\n                                <\/ul>\n                <\/p>\n                <div class=\"relative\">\n                    <h2 class=\"font-bold py-4\">\n                        \u0635\u0648\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                    <\/h2>\n                    <div class=\"relative\">\n                        <div class=\"swiper \">\n                            <div class=\"swiper-wrapper\">\n                                                                <div class=\"swiper-slide \">\n                                    <img decoding=\"async\" class=\"rounded-xl w-full  md:h-[300px] lg:h-[200px] h-full object-fill\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/Picture29.png\" alt=\"image\">\n                                        \n                                <\/div>\n                                                                <div class=\"swiper-slide \">\n                                    <img decoding=\"async\" class=\"rounded-xl w-full  md:h-[300px] lg:h-[200px] h-full object-fill\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/461460343_1057057839163220_6137076787661125384_n.jpg\" alt=\"image\">\n                                        \n                                <\/div>\n                                                                <div class=\"swiper-slide \">\n                                    <img decoding=\"async\" class=\"rounded-xl w-full  md:h-[300px] lg:h-[200px] h-full object-fill\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/IMG-20240310-WA0020.jpg\" alt=\"image\">\n                                        \n                                <\/div>\n                                                                <div class=\"swiper-slide \">\n                                    <img decoding=\"async\" class=\"rounded-xl w-full  md:h-[300px] lg:h-[200px] h-full object-fill\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/Picture27-1.png\" alt=\"image\">\n                                        \n                                <\/div>\n                                                                <div class=\"swiper-slide \">\n                                    <img decoding=\"async\" class=\"rounded-xl w-full  md:h-[300px] lg:h-[200px] h-full object-fill\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/Picture28.png\" alt=\"image\">\n                                        \n                                <\/div>\n                                                            <\/div>\n                        <\/div>\n                            <!-- Navigation arrows -->\n                        <div class=\"pagination2 flex flex-cols justify-between w-full absolute max-sm:top-[47%] md:top-[45%] lg:top-[35%] z-10 cursor-pointer \">\n                            <span id=\"prev\" class=\"border absolute max-sm:left-[-11px] md:left-[-14px]  lg:left-0 rounded-full bg-[#0000006e] swiper-button-prev-cert\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <g id=\"arrow-left\">\n                                        <path id=\"Vector\" d=\"M19.5 12H4.5M4.5 12L10.125 6M4.5 12L10.125 18\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/g>\n                                <\/svg>\n                            <\/span>\n                            <span id=\"next\" class=\"border absolute max-sm:right-[-11px] md:right-[-14px] lg:right-0 rounded-full bg-[#0000006e] swiper-button-next-cert\">\n                                <svg class=\"rotate-[180deg]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                        <path id=\"Vector\" d=\"M19.5 12H4.5M4.5 12L10.125 6M4.5 12L10.125 18\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/g>\n                                <\/svg>\n                            <\/span>\n                        <\/div>\n                        <!-- Modal -->\n                        <div id=\"imageModal\" class=\"modal fixed inset-0 bg-gray-900 bg-opacity-75 hidden-img\">\n                            <span class=\"close-modal absolute top-5 right-5 text-white text-3xl cursor-pointer\">&times;<\/span>\n                            <div class=\"swiper-modal\">\n                                <div class=\" swiper-wrapper \">\n                                                                            <div class=\"relative swiper-slide flex justify-center items-center w-full h-full overflow-hidden \">   \n                                            <img decoding=\"async\" id=\"modalImage\" class=\"w-full h-full\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/Picture29.png\" alt=\"image\" \/>                                   \n                                                                                    <\/div>\n                                                                            <div class=\"relative swiper-slide flex justify-center items-center w-full h-full overflow-hidden \">   \n                                            <img decoding=\"async\" id=\"modalImage\" class=\"w-full h-full\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/461460343_1057057839163220_6137076787661125384_n.jpg\" alt=\"image\" \/>                                   \n                                                                                    <\/div>\n                                                                            <div class=\"relative swiper-slide flex justify-center items-center w-full h-full overflow-hidden \">   \n                                            <img decoding=\"async\" id=\"modalImage\" class=\"w-full h-full\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/IMG-20240310-WA0020.jpg\" alt=\"image\" \/>                                   \n                                                                                    <\/div>\n                                                                            <div class=\"relative swiper-slide flex justify-center items-center w-full h-full overflow-hidden \">   \n                                            <img decoding=\"async\" id=\"modalImage\" class=\"w-full h-full\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/Picture27-1.png\" alt=\"image\" \/>                                   \n                                                                                    <\/div>\n                                                                            <div class=\"relative swiper-slide flex justify-center items-center w-full h-full overflow-hidden \">   \n                                            <img decoding=\"async\" id=\"modalImage\" class=\"w-full h-full\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/07\/Picture28.png\" alt=\"image\" \/>                                   \n                                                                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"pagination2 flex flex-cols justify-between w-full absolute sm:top-[90px] md:top-[45%] top-[35%] z-10 cursor-pointer\">\n                                <span id=\"prev\" class=\"border absolute left-0 rounded-full bg-[#0000006e] swiper-button-prev-modal\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                        <g id=\"arrow-left\">\n                                            <path id=\"Vector\" d=\"M19.5 12H4.5M4.5 12L10.125 6M4.5 12L10.125 18\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/g>\n                                    <\/svg>\n                                <\/span>\n                                <span id=\"next\" class=\"border absolute right-0 rounded-full bg-[#0000006e] swiper-button-next-modal\">\n                                    <svg class=\"rotate-[180deg]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                            <path id=\"Vector\" d=\"M19.5 12H4.5M4.5 12L10.125 6M4.5 12L10.125 18\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/g>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 pt-4  small-video \">\n                                        <\/div>\n                <\/div> \n            <\/div>\n            <img decoding=\"async\" class=\"absolute left-[-7px] top-[700px] opacity-50 z-1\" src=\"https:\/\/almasrya-eg.net\/ar\/wp-content\/uploads\/2025\/06\/image-24.png\" alt=\"image\">\n        <\/div>\n    <\/section>    \n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n\n    \/\/ Initialize Swiper\n    var swiper = new Swiper(\".swiper\", {\n        slidesPerView: 3, \/\/ Display 3 images at a time\n        spaceBetween: 30,\n        freeMode: true,\n        navigation: {\n        nextEl: \".swiper-button-next-cert\",\n        prevEl: \".swiper-button-prev-cert\",\n        },\n        breakpoints: {\n        280: {\n            slidesPerView: 1, \/\/ Show 1 image on smaller screens\n        },\n        1024: {\n            slidesPerView: 3, \/\/ Show 3 images on larger screens\n        },\n        },\n        on: {\n        init: function () {\n            \/\/ Check number of images and hide arrows if necessary\n            var slideCount = document.querySelectorAll('.swiper-slide').length;\n            if (slideCount <= 3) {\n            document.querySelector('.swiper-button-prev-cert').style.display = 'none';\n            document.querySelector('.swiper-button-next-cert').style.display = 'none';\n            }\n        },\n        }\n    });\n\n  \/\/ If there are less than 3 images, hide arrows after page load\n  window.addEventListener('load', function() {\n    var slideCount = document.querySelectorAll('.swiper-slide').length;\n    if (slideCount <= 3) {\n      document.querySelector('.swiper-button-prev-cert').style.display = 'none';\n      document.querySelector('.swiper-button-next-cert').style.display = 'none';\n    }\n  });\n<\/script>\n\n\n\n<script>\n\n    \/\/ Initialize Swiper\n    var swiper = new Swiper(\".swiper-modal\", {\n        slidesPerView: 1,\n        \n        spaceBetween: 40,\n        navigation: {\n        nextEl: \".swiper-button-next-modal\",\n        prevEl: \".swiper-button-prev-modal\",\n        },\n        on: {\n        init: function () {\n            \/\/ Check number of images and hide arrows if necessary\n            var slideCount = document.querySelectorAll('.swiper-slide').length;\n            if (slideCount <= 1) {\n            document.querySelector('.swiper-button-prev-modal').style.display = 'none';\n            document.querySelector('.swiper-button-next-modal').style.display = 'none';\n            }\n        },\n        }\n    });\n\n  \/\/ If there are less than 3 images, hide arrows after page load\n  window.addEventListener('load', function() {\n    var slideCount = document.querySelectorAll('.swiper-slide').length;\n    if (slideCount <= 1) {\n      document.querySelector('.swiper-button-prev-modal').style.display = 'none';\n      document.querySelector('.swiper-button-next-modal').style.display = 'none';\n    }\n  });\n<\/script>\n\n\n<script>\n\/\/ Modal functionality\nconst modal = document.getElementById(\"imageModal\");\nconst modalImage = document.getElementById(\"modalImage\");\nconst closeModal = document.querySelector(\".close-modal\");\n\n\/\/ Open the modal when an image is clicked\ndocument.querySelectorAll(\".swiper-slide img\").forEach(img => {\n    img.addEventListener(\"click\", function() {\n        const largeImageSrc = this.src; \/\/ Get the source of the clicked image\n        modalImage.src = largeImageSrc; \/\/ Set the large image in the modal\n        modal.style.display = 'flex'; \/\/ Show the modal\n    });\n});\n\n\/\/ Close the modal when the close button is clicked\ncloseModal.addEventListener(\"click\", function() {\n    modal.style.display = 'none'; \/\/ Hide the modal\n});\n\n\/\/ Close the modal if the user clicks outside the image (on the modal background)\nmodal.addEventListener(\"click\", function(e) {\n    if (e.target === modal) {\n        modal.style.display = 'none'; \/\/ Hide the modal if clicked outside\n    }\n});\n\n<\/script>\n\n\n\n    <!--Contact us  -->\n    <section class=\"bg-[#F9FAFB]\">\n        <div class=\"container mx-auto py-8 px-4\" dir=\"rtl\">\n            <div class=\"flex flex-col gap-4 \">\n                \n                <h2 class=\"font-bold text-3xl text-[#1F2937]\">\n                    \u0625\u062a\u0635\u0644 \u0628\u0646\u0627\n                <\/h2>\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-4 py-10 =\">\n                    <div class=\"contactform text-right\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f176-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"176\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ar\/wp-json\/wp\/v2\/pages\/795#wpcf7-f176-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"176\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f176-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> \u0627\u0644\u0623\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required name\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0627\u0644\u0623\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label><br \/>\n<label> \u0631\u0642\u0645 \u0627\u0644\u062a\u0644\u064a\u0641\u0648\u0646<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phonenumber\"><input size=\"40\" maxlength=\"11\" minlength=\"10\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel phone\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u062a\u0644\u064a\u0641\u0648\u0646\" value=\"\" type=\"tel\" name=\"phonenumber\" \/><\/span> <\/label>\n<\/p>\n<p><label> \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> \u0631\u0633\u0627\u0644\u0629<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"our-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea message\" aria-invalid=\"false\" placeholder=\"\u0631\u0633\u0627\u0644\u0629\" name=\"our-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner submit\" type=\"submit\" value=\"\u0625\u0631\u0633\u0627\u0644\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n                    <\/div>\n                    <p class=\"min-h-[450px]\"><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-795","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/almasrya-eg.net\/ar\/wp-json\/wp\/v2\/pages\/795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almasrya-eg.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almasrya-eg.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almasrya-eg.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almasrya-eg.net\/ar\/wp-json\/wp\/v2\/comments?post=795"}],"version-history":[{"count":19,"href":"https:\/\/almasrya-eg.net\/ar\/wp-json\/wp\/v2\/pages\/795\/revisions"}],"predecessor-version":[{"id":2590,"href":"https:\/\/almasrya-eg.net\/ar\/wp-json\/wp\/v2\/pages\/795\/revisions\/2590"}],"wp:attachment":[{"href":"https:\/\/almasrya-eg.net\/ar\/wp-json\/wp\/v2\/media?parent=795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}