{"id":173,"date":"2024-10-25T11:15:08","date_gmt":"2024-10-25T11:15:08","guid":{"rendered":"https:\/\/dummy.xtemos.com\/woodmart2\/makeup-elementor\/?page_id=173"},"modified":"2025-07-31T13:25:08","modified_gmt":"2025-07-31T10:25:08","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/lamsa-eg.com\/?page_id=173","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"173\" class=\"elementor elementor-173\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-913bc0e e-con-full wd-section-stretch-content e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"913bc0e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-457e019 elementor-widget elementor-widget-google_maps\" data-id=\"457e019\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=cairo_egypt&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"cairo_egypt\"\n\t\t\t\t\taria-label=\"cairo_egypt\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-0204b2f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0204b2f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21ba73a elementor-widget elementor-widget-html\" data-id=\"21ba73a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', 'Cairo', 'Arial', sans-serif;\r\n            background: linear-gradient(135deg, #D4AF8C, #B8956A, #8B7355, #6B5B47);\r\n            background-size: 400% 400%;\r\n            animation: gradientShift 15s ease infinite;\r\n            min-height: 100vh;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        @keyframes gradientShift {\r\n            0% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n            100% { background-position: 0% 50%; }\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 2rem;\r\n        }\r\n\r\n        .contact-section {\r\n            background: rgba(255, 255, 255, 0.98);\r\n            border-radius: 30px;\r\n            box-shadow: 0 25px 60px rgba(107, 91, 71, 0.4);\r\n            overflow: hidden;\r\n            backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            animation: slideUp 1s ease-out;\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(60px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .header {\r\n            background: linear-gradient(135deg, #8B7355 0%, #A0956B 50%, #6B5B47 100%);\r\n            color: white;\r\n            text-align: center;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\"><defs><pattern id=\"grain\" width=\"200\" height=\"200\" patternUnits=\"userSpaceOnUse\"><circle cx=\"100\" cy=\"100\" r=\"1\" fill=\"rgba(255,255,255,0.08)\"\/><circle cx=\"50\" cy=\"50\" r=\"0.8\" fill=\"rgba(255,255,255,0.05)\"\/><circle cx=\"150\" cy=\"150\" r=\"1.2\" fill=\"rgba(255,255,255,0.06)\"\/><\/pattern><\/defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23grain)\"\/><\/svg>');\r\n            animation: float 25s linear infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0% { transform: translateX(-20px) translateY(-20px); }\r\n            100% { transform: translateX(20px) translateY(20px); }\r\n        }\r\n\r\n        .header h1 {\r\n            font-size: 3.2rem;\r\n            margin-bottom: 1.5rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.3);\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .header p {\r\n            font-size: 1.3rem;\r\n            opacity: 0.95;\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.8;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .content {\r\n            padding: 4rem 2rem;\r\n            background: linear-gradient(45deg, #FAF8F4, #F5F2E8);\r\n        }\r\n\r\n        .social-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2.5rem;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .social-card {\r\n            background: linear-gradient(145deg, #FFFFFF, #F8F6F2);\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            text-align: center;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            border: 1px solid rgba(139, 115, 85, 0.1);\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(107, 91, 71, 0.1);\r\n        }\r\n\r\n        .social-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(139, 115, 85, 0.1), transparent);\r\n            transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .social-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .social-card:hover {\r\n            transform: translateY(-15px) scale(1.02);\r\n            box-shadow: 0 20px 50px rgba(107, 91, 71, 0.25);\r\n            border-color: #A0956B;\r\n        }\r\n\r\n        .social-icon-container {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 1.5rem;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .social-card:hover .social-icon-container {\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        .social-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* Custom Beautiful Icons *\/\r\n        .facebook-icon { \r\n            background: linear-gradient(45deg, #1877F2, #42A5F5);\r\n            box-shadow: 0 8px 25px rgba(24, 119, 242, 0.3);\r\n        }\r\n        .facebook-icon::after {\r\n            content: \"f\";\r\n            font-family: serif;\r\n            font-size: 32px;\r\n            font-weight: bold;\r\n            color: white;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .tiktok-icon { \r\n            background: linear-gradient(45deg, #000000, #333333);\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\r\n        }\r\n        .tiktok-icon::after {\r\n            content: \"\u266a\";\r\n            font-size: 28px;\r\n            color: #FF0050;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 100%;\r\n            height: 100%;\r\n            text-shadow: 0 0 10px rgba(255, 0, 80, 0.5);\r\n        }\r\n\r\n        .youtube-icon { \r\n            background: linear-gradient(45deg, #FF0000, #FF4444);\r\n            box-shadow: 0 8px 25px rgba(255, 0, 0, 0.3);\r\n        }\r\n        .youtube-icon::after {\r\n            content: \"\u25b6\";\r\n            font-size: 24px;\r\n            color: white;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 100%;\r\n            height: 100%;\r\n            margin-left: 3px;\r\n        }\r\n\r\n        .instagram-icon { \r\n            background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF);\r\n            box-shadow: 0 8px 25px rgba(221, 42, 123, 0.3);\r\n        }\r\n        .instagram-icon::after {\r\n            content: \"\ud83d\udcf7\";\r\n            font-size: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 100%;\r\n            height: 100%;\r\n            filter: brightness(0) invert(1);\r\n        }\r\n\r\n        .whatsapp-icon { \r\n            background: linear-gradient(45deg, #25D366, #128C7E);\r\n            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);\r\n        }\r\n        .whatsapp-icon::after {\r\n            content: \"\ud83d\udcac\";\r\n            font-size: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 100%;\r\n            height: 100%;\r\n            filter: brightness(0) invert(1);\r\n        }\r\n\r\n        .social-card h3 {\r\n            color: #6B5B47;\r\n            font-size: 1.4rem;\r\n            margin-bottom: 0.8rem;\r\n            font-weight: 600;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .social-card a {\r\n            color: #8B7355;\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n            display: inline-block;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 10px;\r\n            background: rgba(139, 115, 85, 0.05);\r\n        }\r\n\r\n        .social-card a:hover {\r\n            color: #6B5B47;\r\n            background: rgba(139, 115, 85, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .contact-info {\r\n            background: linear-gradient(135deg, #8B7355, #A0956B);\r\n            color: white;\r\n            padding: 3rem;\r\n            border-radius: 20px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 40px rgba(139, 115, 85, 0.3);\r\n        }\r\n\r\n        .contact-info::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 2px, transparent 2px);\r\n            background-size: 60px 60px;\r\n            animation: rotate 40s linear infinite;\r\n        }\r\n\r\n        @keyframes rotate {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        .contact-info h2 {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 1.5rem;\r\n            position: relative;\r\n            z-index: 2;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .contact-info p {\r\n            font-size: 1.2rem;\r\n            opacity: 0.95;\r\n            position: relative;\r\n            z-index: 2;\r\n            line-height: 2;\r\n            font-weight: 300;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .decorative-element {\r\n            text-align: center;\r\n            margin: 4rem 0;\r\n            position: relative;\r\n        }\r\n\r\n        .decorative-line {\r\n            height: 4px;\r\n            width: 120px;\r\n            background: linear-gradient(90deg, #D4AF8C, #8B7355, #D4AF8C);\r\n            margin: 0 auto;\r\n            border-radius: 2px;\r\n            box-shadow: 0 2px 10px rgba(139, 115, 85, 0.3);\r\n        }\r\n\r\n        .decorative-dots {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        .dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            background: #A0956B;\r\n            animation: pulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        .dot:nth-child(2) { animation-delay: 0.3s; }\r\n        .dot:nth-child(3) { animation-delay: 0.6s; }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { opacity: 0.4; transform: scale(1); }\r\n            50% { opacity: 1; transform: scale(1.2); }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .container {\r\n                padding: 1rem;\r\n            }\r\n            \r\n            .header h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .header p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .social-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n            \r\n            .social-card {\r\n                padding: 2rem;\r\n            }\r\n            \r\n            .content {\r\n                padding: 3rem 1.5rem;\r\n            }\r\n\r\n            .social-icon-container {\r\n                width: 70px;\r\n                height: 70px;\r\n            }\r\n\r\n            .contact-info h2 {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n\r\n        \/* Smooth scroll *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        \/* Loading animations *\/\r\n        .social-card {\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n        }\r\n\r\n        .social-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .social-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .social-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .social-card:nth-child(4) { animation-delay: 0.4s; }\r\n        .social-card:nth-child(5) { animation-delay: 0.5s; }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Glow effect *\/\r\n        .social-card:hover .social-icon-container {\r\n            box-shadow: 0 0 30px rgba(139, 115, 85, 0.4);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <div class=\"contact-section\">\r\n            <div class=\"header\">\r\n                <h1>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h1>\r\n                <p>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0645\u0646 \u0623\u062c\u0644\u0643! \u0646\u0633\u0639\u062f \u062f\u0627\u0626\u0645\u064b\u0627 \u0628\u062a\u0648\u0627\u0635\u0644\u0643\u0645 \u0645\u0639\u0646\u0627. \u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643\u0645 \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0645\u0646\u062a\u062c\u060c \u0623\u0648 \u062a\u062d\u062a\u0627\u062c\u0648\u0646 \u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0637\u0644\u0628\u0643\u0645\u060c \u0623\u0648 \u062d\u062a\u0649 \u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0631\u0623\u064a\u0643\u0645 \u0645\u0639\u0646\u0627.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"content\">\r\n                <div class=\"social-grid\">\r\n                    <div class=\"social-card\">\r\n                        <div class=\"social-icon-container facebook-icon\"><\/div>\r\n                        <h3>\u0641\u064a\u0633\u0628\u0648\u0643<\/h3>\r\n                        <a href=\"https:\/\/www.facebook.com\/share\/1BMeTcCR84\/\" target=\"_blank\">\r\n                            \u062a\u0627\u0628\u0639\u0646\u0627 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"social-card\">\r\n                        <div class=\"social-icon-container tiktok-icon\"><\/div>\r\n                        <h3>\u062a\u064a\u0643 \u062a\u0648\u0643<\/h3>\r\n                        <a href=\"https:\/\/tiktok.com\/@hussien.ahmed845\" target=\"_blank\">\r\n                            @hussien.ahmed845\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"social-card\">\r\n                        <div class=\"social-icon-container youtube-icon\"><\/div>\r\n                        <h3>\u064a\u0648\u062a\u064a\u0648\u0628<\/h3>\r\n                        <a href=\"https:\/\/www.youtube.com\/@hussien.a.1\" target=\"_blank\">\r\n                            \u0642\u0646\u0627\u062a\u0646\u0627 \u0639\u0644\u0649 \u064a\u0648\u062a\u064a\u0648\u0628\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"social-card\">\r\n                        <div class=\"social-icon-container instagram-icon\"><\/div>\r\n                        <h3>\u0625\u0646\u0633\u062a\u062c\u0631\u0627\u0645<\/h3>\r\n                        <a href=\"https:\/\/www.instagram.com\/hussien_ahmed.1a?igsh=MWt2dmI2YzFtc2dpcQ==\" target=\"_blank\">\r\n                            @hussien_ahmed.1a\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"social-card\">\r\n                        <div class=\"social-icon-container whatsapp-icon\"><\/div>\r\n                        <h3>\u0648\u0627\u062a\u0633\u0627\u0628<\/h3>\r\n                        <a href=\"https:\/\/wa.me\/201112821901\" target=\"_blank\">\r\n                            01112821901\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"decorative-element\">\r\n                    <div class=\"decorative-line\"><\/div>\r\n                    <div class=\"decorative-dots\">\r\n                        <div class=\"dot\"><\/div>\r\n                        <div class=\"dot\"><\/div>\r\n                        <div class=\"dot\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"contact-info\">\r\n                    <h2>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0645\u0646 \u0623\u062c\u0644\u0643!<\/h2>\r\n                    <p>\u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0623\u064a \u0645\u0646 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u0633\u0646\u0643\u0648\u0646 \u0633\u0639\u062f\u0627\u0621 \u0644\u0644\u0631\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0629 \u0645\u0645\u0643\u0646\u0629 \u0644\u0643.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Enhanced hover effects\r\n        document.querySelectorAll('.social-card').forEach((card, index) => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.transform = 'translateY(-15px) scale(1.02)';\r\n                this.style.boxShadow = '0 25px 60px rgba(107, 91, 71, 0.3)';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                this.style.transform = 'translateY(0) scale(1)';\r\n                this.style.boxShadow = '0 8px 32px rgba(107, 91, 71, 0.1)';\r\n            });\r\n        });\r\n\r\n        \/\/ Enhanced click animation\r\n        document.querySelectorAll('.social-card a').forEach(link => {\r\n            link.addEventListener('click', function(e) {\r\n                const card = this.parentElement;\r\n                card.style.transform = 'scale(0.95)';\r\n                \r\n                \/\/ Create ripple effect\r\n                const ripple = document.createElement('div');\r\n                ripple.style.position = 'absolute';\r\n                ripple.style.borderRadius = '50%';\r\n                ripple.style.background = 'rgba(139, 115, 85, 0.3)';\r\n                ripple.style.transform = 'scale(0)';\r\n                ripple.style.animation = 'ripple 0.6s linear';\r\n                ripple.style.left = '50%';\r\n                ripple.style.top = '50%';\r\n                ripple.style.width = '20px';\r\n                ripple.style.height = '20px';\r\n                ripple.style.marginLeft = '-10px';\r\n                ripple.style.marginTop = '-10px';\r\n                ripple.style.pointerEvents = 'none';\r\n                \r\n                card.style.position = 'relative';\r\n                card.appendChild(ripple);\r\n                \r\n                setTimeout(() => {\r\n                    card.style.transform = 'translateY(-15px) scale(1.02)';\r\n                    ripple.remove();\r\n                }, 200);\r\n            });\r\n        });\r\n\r\n        \/\/ Add ripple animation CSS\r\n        const style = document.createElement('style');\r\n        style.textContent = `\r\n            @keyframes ripple {\r\n                to {\r\n                    transform: scale(4);\r\n                    opacity: 0;\r\n                }\r\n            }\r\n        `;\r\n        document.head.appendChild(style);\r\n\r\n        \/\/ Intersection Observer for animations\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.animationPlayState = 'running';\r\n                }\r\n            });\r\n        });\r\n\r\n        document.querySelectorAll('.social-card').forEach(card => {\r\n            observer.observe(card);\r\n        });\r\n\r\n        \/\/ Parallax effect\r\n        window.addEventListener('scroll', () => {\r\n            const scrolled = window.pageYOffset;\r\n            const rate = scrolled * -0.3;\r\n            \r\n            document.querySelector('.header::before').style.transform = `translateY(${rate}px)`;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-0f9625d wd-collapsible-content e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0f9625d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f50a13 elementor-widget elementor-widget-wd_button\" data-id=\"8f50a13\" data-element_type=\"widget\" data-widget_type=\"wd_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-button-wrapper text-left wd-collapsible-button\" >\n\t\t\t<a class=\"btn btn-style-default btn-shape-round btn-size-default btn-color-white btn-icon-pos-right\"  href=\"#\">\n\t\t\t\t<span class=\"wd-btn-text\" data-elementor-setting-key=\"text\">\n\t\t\t\t\tRead more\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t\t\t<span class=\"wd-btn-icon\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\"  src=\"https:\/\/lamsa-eg.com\/wp-content\/uploads\/2024\/10\/chevron-down-black-1.svg\" title=\"chevron-down-black\" loading=\"lazy\" width=\"15\" height=\"15\">\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0646\u062d\u0646 \u0647\u0646\u0627 \u0645\u0646 \u0623\u062c\u0644\u0643! \u0646\u0633\u0639\u062f \u062f\u0627\u0626\u0645\u064b\u0627 \u0628\u062a\u0648\u0627\u0635\u0644\u0643\u0645 \u0645\u0639\u0646\u0627. \u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643\u0645 \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0645\u0646\u062a\u062c\u060c \u0623\u0648 \u062a\u062d\u062a\u0627\u062c\u0648\u0646<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/lamsa-eg.com\/index.php?rest_route=\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lamsa-eg.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lamsa-eg.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lamsa-eg.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lamsa-eg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=173"}],"version-history":[{"count":9,"href":"https:\/\/lamsa-eg.com\/index.php?rest_route=\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":978,"href":"https:\/\/lamsa-eg.com\/index.php?rest_route=\/wp\/v2\/pages\/173\/revisions\/978"}],"wp:attachment":[{"href":"https:\/\/lamsa-eg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}