{"id":105,"date":"2017-06-23T12:03:36","date_gmt":"2017-06-23T12:03:36","guid":{"rendered":"http:\/\/inspirythemesdemo.com\/realplaces\/?page_id=105"},"modified":"2026-03-17T22:42:46","modified_gmt":"2026-03-17T22:42:46","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/beitelkhair.com\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"105\" class=\"elementor elementor-105\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3bcd3a e-con-full e-flex e-con e-parent\" data-id=\"c3bcd3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-731b762 elementor-widget elementor-widget-html\" data-id=\"731b762\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"beit-hero-section\">\r\n    <div class=\"beit-hero-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80');\"><\/div>\r\n    \r\n    <div class=\"beit-hero-overlay\"><\/div>\r\n\r\n    <div class=\"beit-hero-content\">\r\n        <h3 class=\"beit-subtitle\" data-aos=\"fade-down\" data-aos-duration=\"1000\">\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a<\/h3>\r\n        <h1 class=\"beit-title\" data-aos=\"zoom-in\" data-aos-delay=\"200\" data-aos-duration=\"1200\">\u0628\u064a\u062a \u0627\u0644\u062e\u064a\u0631 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a<\/h1>\r\n        <p class=\"beit-desc\" data-aos=\"fade-up\" data-aos-delay=\"400\" data-aos-duration=\"1000\">\u0631\u0624\u064a\u0629 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u062a\u062a\u062c\u0633\u062f \u0641\u064a \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639\u060c \u0646\u0628\u0646\u064a \u0623\u062d\u0644\u0627\u0645\u0643 \u0648\u0646\u0635\u0645\u0645 \u0645\u0633\u062a\u0642\u0628\u0644\u0643 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0641\u062e\u0627\u0645\u0629.<\/p>\r\n        \r\n        <div class=\"beit-hero-buttons\" data-aos=\"fade-up\" data-aos-delay=\"600\" data-aos-duration=\"1000\">\r\n            <a href=\"#\" class=\"beit-btn beit-btn-primary\">\u0633\u0627\u0628\u0642\u0629 \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\r\n            <a href=\"#contact\" class=\"beit-btn beit-btn-secondary\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .beit-hero-section {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 85vh; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0645\u062a\u0627\u0632 \u0644\u0644\u0648\u0627\u062c\u0647\u0629 *\/\r\n        min-height: 600px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        overflow: hidden;\r\n        font-family: 'Tajawal', sans-serif;\r\n    }\r\n\r\n    .beit-hero-bg {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-attachment: fixed; \/* \u0627\u0644\u0628\u0627\u0631\u0627\u0644\u0627\u0643\u0633 *\/\r\n        transform: scale(1.1);\r\n        animation: slowZoom 20s infinite alternate linear;\r\n        z-index: 1;\r\n    }\r\n\r\n    @keyframes slowZoom {\r\n        0% { transform: scale(1); }\r\n        100% { transform: scale(1.15); }\r\n    }\r\n\r\n    .beit-hero-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(to bottom, rgba(10,10,10,0.5) 0%, rgba(10,10,10,0.95) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    .beit-hero-content {\r\n        position: relative;\r\n        z-index: 3;\r\n        max-width: 900px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .beit-subtitle {\r\n        color: #d4af37;\r\n        font-size: 1.5rem;\r\n        font-weight: 500;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    .beit-title {\r\n        color: #ffffff !important;\r\n        font-size: 4rem;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 25px;\r\n        text-shadow: 0 5px 15px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .beit-desc {\r\n        color: #a0a0a0;\r\n        font-size: 1.2rem;\r\n        line-height: 1.8;\r\n        margin-bottom: 40px;\r\n        max-width: 700px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .beit-hero-buttons {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .beit-btn {\r\n        padding: 15px 40px;\r\n        font-size: 1.1rem;\r\n        font-weight: bold;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .beit-btn-primary {\r\n        background-color: #d4af37;\r\n        color: #0a0a0a !important;\r\n        border: 2px solid #d4af37;\r\n        box-shadow: 0 5px 20px rgba(212,175,55,0.4);\r\n    }\r\n\r\n    .beit-btn-primary:hover {\r\n        background-color: transparent;\r\n        color: #d4af37 !important;\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .beit-btn-secondary {\r\n        background-color: transparent;\r\n        color: #ffffff !important;\r\n        border: 2px solid #ffffff;\r\n    }\r\n\r\n    .beit-btn-secondary:hover {\r\n        border-color: #d4af37;\r\n        color: #d4af37 !important;\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* \u062a\u0638\u0628\u064a\u0637 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 768px) {\r\n        .beit-title { font-size: 2.5rem; }\r\n        .beit-subtitle { font-size: 1.2rem; }\r\n        .beit-desc { font-size: 1rem; }\r\n        .beit-hero-buttons { flex-direction: column; width: 100%; padding: 0 20px; }\r\n        .beit-btn { width: 100%; text-align: center; box-sizing: border-box; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55be158 e-con-full e-flex e-con e-parent\" data-id=\"55be158\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-716e5b3 elementor-widget elementor-widget-html\" data-id=\"716e5b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"beit-about-section\">\r\n    <div class=\"beit-container\">\r\n        <div class=\"beit-about-grid\">\r\n            \r\n            <div class=\"beit-about-content\">\r\n                <span class=\"beit-section-subtitle\" data-aos=\"fade-left\">\u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629<\/span>\r\n                <h2 class=\"beit-section-title\" data-aos=\"fade-left\" data-aos-delay=\"100\">\u0628\u064a\u062a \u0627\u0644\u062e\u064a\u0631.. \u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a \u0627\u0644\u0641\u062e\u0627\u0645\u0629 \u0628\u0627\u0644\u062b\u0642\u0629<\/h2>\r\n                <p class=\"beit-about-text\" data-aos=\"fade-left\" data-aos-delay=\"200\">\r\n                    \u0646\u062d\u0646 \u0641\u064a \"\u0628\u064a\u062a \u0627\u0644\u062e\u064a\u0631\" \u0644\u0627 \u0646\u0628\u0646\u064a \u0645\u062c\u0631\u062f \u062c\u062f\u0631\u0627\u0646\u060c \u0628\u0644 \u0646\u0635\u0645\u0645 \u0623\u0633\u0644\u0648\u0628 \u062d\u064a\u0627\u0629. \u0628\u0641\u0636\u0644 \u062e\u0628\u0631\u062a\u0646\u0627 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0646\u0642\u062f\u0645 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0645\u0633\u0627\u062d\u0627\u062a \u0633\u0643\u0646\u064a\u0629 \u0648\u062a\u062c\u0627\u0631\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0635\u0631\u064a\u060c \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629.\r\n                <\/p>\r\n                \r\n                <ul class=\"beit-features-list\" data-aos=\"fade-left\" data-aos-delay=\"300\">\r\n                    <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg> \u062f\u0642\u0629 \u0641\u064a \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>  \u062a\u0634\u0637\u064a\u0628 \u0648\u062c\u0647\u0627\u062a \u0642\u0635\u0648\u0631 \u0639\u0644\u064a \u0627\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg> \u062a\u0635\u0627\u0645\u064a\u0645 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0641\u0631\u064a\u062f\u0629<\/li>\r\n                    <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg> \u0639\u0627\u0626\u062f \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0645\u0636\u0645\u0648\u0646<\/li>\r\n                <\/ul>\r\n                \r\n                <div data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <a href=\"#\" class=\"beit-btn beit-btn-primary\" style=\"margin-top: 15px; display: inline-block;\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646\u0627<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"beit-about-image-wrap\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                <div class=\"beit-tilt image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80\" alt=\"\u0639\u0646 \u0628\u064a\u062a \u0627\u0644\u062e\u064a\u0631\" class=\"beit-about-img\">\r\n                    \r\n                    <div class=\"beit-experience-badge\">\r\n                        <span class=\"exp-num\">10<\/span>\r\n                        <span class=\"exp-text\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646<br>\u0627\u0644\u062a\u0645\u064a\u0632<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .beit-about-section {\r\n        background-color: #0a0a0a;\r\n        font-family: 'Tajawal', sans-serif;\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .beit-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .beit-about-grid {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 80px;\r\n    }\r\n\r\n    .beit-about-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .beit-section-subtitle {\r\n        color: #d4af37;\r\n        font-size: 1.2rem;\r\n        font-weight: bold;\r\n        display: inline-block;\r\n        margin-bottom: 10px;\r\n        position: relative;\r\n        padding-right: 50px;\r\n    }\r\n\r\n    .beit-section-subtitle::before {\r\n        content: '';\r\n        position: absolute;\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 40px;\r\n        height: 2px;\r\n        background-color: #d4af37;\r\n    }\r\n\r\n    .beit-section-title {\r\n        color: #ffffff;\r\n        font-size: 2.8rem;\r\n        font-weight: 900;\r\n        line-height: 1.3;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .beit-about-text {\r\n        color: #a0a0a0;\r\n        font-size: 1.15rem;\r\n        line-height: 1.8;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .beit-features-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0 0 35px 0;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 15px;\r\n    }\r\n\r\n    .beit-features-list li {\r\n        color: #ffffff;\r\n        font-size: 1.1rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .beit-features-list li svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        fill: #d4af37;\r\n    }\r\n\r\n    .beit-about-image-wrap {\r\n        flex: 1;\r\n        position: relative;\r\n    }\r\n\r\n    .image-container {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0637\u0627\u064a\u0631 \u0625\u0646\u0647 \u064a\u0628\u0627\u0646 *\/\r\n        transform-style: preserve-3d; \r\n    }\r\n\r\n    .image-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -20px;\r\n        right: -20px;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid rgba(212, 175, 55, 0.3);\r\n        border-radius: 20px;\r\n        z-index: 0;\r\n        transform: translateZ(-20px); \/* \u0627\u0644\u0628\u0639\u062f \u0627\u0644\u062a\u0627\u0644\u062a *\/\r\n    }\r\n\r\n    .beit-about-img {\r\n        width: 100%;\r\n        border-radius: 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n        transform: translateZ(20px);\r\n    }\r\n\r\n    .beit-experience-badge {\r\n        position: absolute;\r\n        bottom: -30px;\r\n        left: -30px;\r\n        background: linear-gradient(135deg, #d4af37, #b5952f);\r\n        color: #0a0a0a;\r\n        padding: 25px 35px;\r\n        border-radius: 15px;\r\n        z-index: 2;\r\n        text-align: center;\r\n        box-shadow: 0 15px 30px rgba(212, 175, 55, 0.4);\r\n        border: 5px solid #0a0a0a;\r\n        transform: translateZ(50px); \/* \u0637\u0627\u064a\u0631 \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n    }\r\n\r\n    .exp-num {\r\n        display: block;\r\n        font-size: 3.5rem;\r\n        font-weight: 900;\r\n        line-height: 1;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .exp-text {\r\n        font-size: 1.1rem;\r\n        font-weight: bold;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 991px) {\r\n        .beit-about-grid {\r\n            flex-direction: column;\r\n            gap: 60px;\r\n        }\r\n        .beit-section-title { font-size: 2.2rem; }\r\n        .beit-experience-badge {\r\n            left: 20px;\r\n            bottom: -20px;\r\n            padding: 15px 25px;\r\n        }\r\n        .exp-num { font-size: 2.5rem; }\r\n        .beit-features-list { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb308bc e-con-full e-flex e-con e-parent\" data-id=\"eb308bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1389bc elementor-widget elementor-widget-shortcode\" data-id=\"a1389bc\" 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\">    <div class=\"beit-portfolio-section\">\n        <div class=\"beit-container\">\n            <div class=\"beit-section-header\" data-aos=\"fade-up\">\n                <span class=\"beit-subtitle\">\u0645\u062d\u0641\u0638\u0629 \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/span>\n                <h2 class=\"beit-title\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u064a\u062a \u0627\u0644\u062e\u064a\u0631<\/h2>\n                <p class=\"beit-header-desc\">\u062a\u0635\u0641\u062d \u0633\u0627\u0628\u0642\u0629 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0648\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631.<\/p>\n            <\/div>\n\n            <div class=\"beit-filter-buttons\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <button class=\"beit-filter-btn active\" data-filter=\"all\">\u0627\u0644\u0643\u0644 (\u0627\u0644\u0627\u062d\u062f\u062b)<\/button>\n                <button class=\"beit-filter-btn\" data-filter=\"status-62\">\u062a\u062d\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/button><button class=\"beit-filter-btn\" data-filter=\"status-63\">\u062a\u0645 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/button><button class=\"beit-filter-btn\" data-filter=\"status-82\">\u0644\u0645 \u064a\u062a\u0645 \u0628\u062f\u0627\u0621 \u0627\u0644\u0627\u0646\u0634\u0627\u0621\u0627\u062a<\/button><button class=\"beit-filter-btn\" data-filter=\"status-64\">\u0645\u0628\u0627\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/button><button class=\"beit-filter-btn\" data-filter=\"status-61\">\u0645\u062a\u0627\u062d \u0644\u0644\u0628\u064a\u0639<\/button>            <\/div>\n\n            <div class=\"beit-projects-grid\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                                        \n                        <div class=\"beit-project-card\" data-category=\"\">\n                            <div class=\"beit-card-img-wrap\">\n                                <div class=\"beit-badges-container\">\n                                                                    <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&#038;w=800&#038;q=80\" alt=\"\u0642\u0635\u0631 \u0627\u0644\u062c\u0648\u0647\u0631\u0629 1\">\n                            <\/div>\n                            <div class=\"beit-card-content\">\n                                <h3>\u0642\u0635\u0631 \u0627\u0644\u062c\u0648\u0647\u0631\u0629 1<\/h3>\n                                <p class=\"beit-location\">\n                                    <svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                                    \u0645\u0648\u0642\u0639 \u0642\u064a\u062f \u0627\u0644\u062a\u062d\u062f\u064a\u062b                                <\/p>\n                                <a href=\"https:\/\/beitelkhair.com\/?property=%d9%82%d8%b5%d8%b1-%d8%a7%d9%84%d8%ac%d9%88%d9%87%d8%b1%d8%a9-1\" class=\"beit-card-btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                            <\/div>\n                        <\/div>\n                                                \n                        <div class=\"beit-project-card\" data-category=\"status-62 status-64\">\n                            <div class=\"beit-card-img-wrap\">\n                                <div class=\"beit-badges-container\">\n                                    <span class=\"beit-badge badge-blue\">\u062a\u062d\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/span><span class=\"beit-badge badge-red\">\u0645\u0628\u0627\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span>                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/beitelkhair.com\/wp-content\/uploads\/2026\/05\/DJI_20260313140902_0833_D-1024x576.jpg\" alt=\"\u0627\u0644\u0642\u0635\u0631 19\">\n                            <\/div>\n                            <div class=\"beit-card-content\">\n                                <h3>\u0627\u0644\u0642\u0635\u0631 19<\/h3>\n                                <p class=\"beit-location\">\n                                    <svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                                    2, \u0634\u0627\u0631\u0639 \u0623\u0628\u0648 \u062d\u0634\u064a\u0634, \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u0628\u0631\u064a\u0637\u0627\u0646\u064a\u0629, \u0628\u0646\u0647\u0627, \u0627\u0644\u0642\u0644\u064a\u0648\u0628\u064a\u0629, 13516, \u0645\u0635\u0631                                <\/p>\n                                <a href=\"https:\/\/beitelkhair.com\/?property=%d8%a7%d9%84%d9%82%d8%b5%d8%b1-19\" class=\"beit-card-btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                            <\/div>\n                        <\/div>\n                                                \n                        <div class=\"beit-project-card\" data-category=\"status-62 status-64\">\n                            <div class=\"beit-card-img-wrap\">\n                                <div class=\"beit-badges-container\">\n                                    <span class=\"beit-badge badge-blue\">\u062a\u062d\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/span><span class=\"beit-badge badge-red\">\u0645\u0628\u0627\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span>                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/beitelkhair.com\/wp-content\/uploads\/2026\/05\/DJI_20260313140221_0827_D-1024x576.jpg\" alt=\"\u0627\u0644\u0642\u0635\u0631 18\">\n                            <\/div>\n                            <div class=\"beit-card-content\">\n                                <h3>\u0627\u0644\u0642\u0635\u0631 18<\/h3>\n                                <p class=\"beit-location\">\n                                    <svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                                    2, \u0634\u0627\u0631\u0639 \u0643\u0648\u0628\u0631\u064a \u0627\u0644\u0641\u062d\u0635, \u0627\u0644\u0641\u0644\u0644, \u0628\u0646\u0647\u0627                                <\/p>\n                                <a href=\"https:\/\/beitelkhair.com\/?property=%d8%a7%d9%84%d9%82%d8%b5%d8%b1-18\" class=\"beit-card-btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                            <\/div>\n                        <\/div>\n                                                \n                        <div class=\"beit-project-card\" data-category=\"status-62 status-61\">\n                            <div class=\"beit-card-img-wrap\">\n                                <div class=\"beit-badges-container\">\n                                    <span class=\"beit-badge badge-blue\">\u062a\u062d\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/span><span class=\"beit-badge badge-green\">\u0645\u062a\u0627\u062d \u0644\u0644\u0628\u064a\u0639<\/span>                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&#038;w=800&#038;q=80\" alt=\"\u0627\u0644\u0642\u0635\u0631 15\">\n                            <\/div>\n                            <div class=\"beit-card-content\">\n                                <h3>\u0627\u0644\u0642\u0635\u0631 15<\/h3>\n                                <p class=\"beit-location\">\n                                    <svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                                    \u0634\u0627\u0631\u0639 \u0627\u0644\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a, \u0628\u062c\u0648\u0627\u0631 \u0627\u0644\u0633\u0646\u062a\u0631\u0627\u0644, \u0637\u0648\u062e, \u0627\u0644\u0642\u0644\u064a\u0648\u0628\u064a\u0629                                <\/p>\n                                <a href=\"https:\/\/beitelkhair.com\/?property=%d8%a7%d9%84%d9%82%d8%b5%d8%b1-15\" class=\"beit-card-btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                            <\/div>\n                        <\/div>\n                                                \n                        <div class=\"beit-project-card\" data-category=\"status-63 status-64\">\n                            <div class=\"beit-card-img-wrap\">\n                                <div class=\"beit-badges-container\">\n                                    <span class=\"beit-badge badge-gold\">\u062a\u0645 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span><span class=\"beit-badge badge-red\">\u0645\u0628\u0627\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span>                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/beitelkhair.com\/wp-content\/uploads\/2026\/05\/\u062a\u0635\u0645\u064a\u0645-\u0628\u062f\u0648\u0646-\u0639\u0646\u0648\u0627\u0646-4-1024x595.jpg\" alt=\"\u0627\u0644\u0642\u0635\u0631 14\">\n                            <\/div>\n                            <div class=\"beit-card-content\">\n                                <h3>\u0627\u0644\u0642\u0635\u0631 14<\/h3>\n                                <p class=\"beit-location\">\n                                    <svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                                    \u0634\u0627\u0631\u0639 \u0645\u0633\u062c\u062f \u0627\u0644\u0641\u0631\u0642\u0627\u0646, \u0627\u0645\u0627\u0645 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062c\u0627\u0645\u0639\u0647, \u0628\u0646\u0647\u0627, \u0627\u0644\u0642\u0644\u064a\u0648\u0628\u064a\u0629, 13516, \u0645\u0635\u0631                                <\/p>\n                                <a href=\"https:\/\/beitelkhair.com\/?property=%d8%a7%d9%84%d9%82%d8%b5%d8%b1-14\" class=\"beit-card-btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                            <\/div>\n                        <\/div>\n                                                \n                        <div class=\"beit-project-card\" data-category=\"status-63 status-61\">\n                            <div class=\"beit-card-img-wrap\">\n                                <div class=\"beit-badges-container\">\n                                    <span class=\"beit-badge badge-gold\">\u062a\u0645 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span><span class=\"beit-badge badge-green\">\u0645\u062a\u0627\u062d \u0644\u0644\u0628\u064a\u0639<\/span>                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/beitelkhair.com\/wp-content\/uploads\/2026\/05\/\u0627\u0644\u0642\u0635\u0631-13-1024x595.jpg\" alt=\"\u0627\u0644\u0642\u0635\u0631 13\">\n                            <\/div>\n                            <div class=\"beit-card-content\">\n                                <h3>\u0627\u0644\u0642\u0635\u0631 13<\/h3>\n                                <p class=\"beit-location\">\n                                    <svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                                    \u0639\u0645\u0627\u0631\u0629 602, \u0627\u0644\u0623\u0646\u062f\u0644\u0633 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 2\/2, \u0627\u0644\u0642\u0627\u0647\u0631\u0629, \u0645\u0635\u0631                                <\/p>\n                                <a href=\"https:\/\/beitelkhair.com\/?property=%d8%a7%d9%84%d9%82%d8%b5%d8%b1-13\" class=\"beit-card-btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                            <\/div>\n                        <\/div>\n                                                \n                        <div class=\"beit-project-card\" data-category=\"status-82 status-64\">\n                            <div class=\"beit-card-img-wrap\">\n                                <div class=\"beit-badges-container\">\n                                    <span class=\"beit-badge badge-gold\">\u0644\u0645 \u064a\u062a\u0645 \u0628\u062f\u0627\u0621 \u0627\u0644\u0627\u0646\u0634\u0627\u0621\u0627\u062a<\/span><span class=\"beit-badge badge-red\">\u0645\u0628\u0627\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span>                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&#038;w=800&#038;q=80\" alt=\"\u0627\u0644\u0642\u0635\u0631 12\">\n                            <\/div>\n                            <div class=\"beit-card-content\">\n                                <h3>\u0627\u0644\u0642\u0635\u0631 12<\/h3>\n                                <p class=\"beit-location\">\n                                    <svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                                    \u0634\u0627\u0631\u0639 \u0627\u0644\u0623\u0647\u0631\u0627\u0645, \u0623\u0645\u0627\u0645 \u062a\u0627\u0648\u0646 \u062a\u064a\u0645, \u062e\u0644\u0641 \u0641\u0648\u062f\u0627\u0641\u0648\u0646, \u0628\u0646\u0647\u0627, \u0627\u0644\u0642\u0644\u064a\u0648\u0628\u064a\u0629                                <\/p>\n                                <a href=\"https:\/\/beitelkhair.com\/?property=%d8%a7%d9%84%d9%82%d8%b5%d8%b1-12\" class=\"beit-card-btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                            <\/div>\n                        <\/div>\n                                                \n                        <div class=\"beit-project-card\" data-category=\"status-62 status-64\">\n                            <div class=\"beit-card-img-wrap\">\n                                <div class=\"beit-badges-container\">\n                                    <span class=\"beit-badge badge-blue\">\u062a\u062d\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/span><span class=\"beit-badge badge-red\">\u0645\u0628\u0627\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span>                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&#038;w=800&#038;q=80\" alt=\"\u0627\u0644\u0642\u0635\u0631 10\">\n                            <\/div>\n                            <div class=\"beit-card-content\">\n                                <h3>\u0627\u0644\u0642\u0635\u0631 10<\/h3>\n                                <p class=\"beit-location\">\n                                    <svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                                    5, \u0634\u0627\u0631\u0639 \u0627\u0644\u0648\u062d\u062f\u0647, \u0637\u0648\u062e, \u0627\u0644\u0642\u0644\u064a\u0648\u0628\u064a\u0629, 13741, \u0645\u0635\u0631                                <\/p>\n                                <a href=\"https:\/\/beitelkhair.com\/?property=%d8%a7%d9%84%d9%82%d8%b5%d8%b1-10\" class=\"beit-card-btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                            <\/div>\n                        <\/div>\n                                                \n                        <div class=\"beit-project-card\" data-category=\"status-63 status-64\">\n                            <div class=\"beit-card-img-wrap\">\n                                <div class=\"beit-badges-container\">\n                                    <span class=\"beit-badge badge-gold\">\u062a\u0645 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span><span class=\"beit-badge badge-red\">\u0645\u0628\u0627\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span>                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/beitelkhair.com\/wp-content\/uploads\/2026\/05\/\u0627\u0644\u0642\u0635\u0631-9-\u0646\u0647\u0627\u0631\u064a-1024x595.jpg\" alt=\"\u0627\u0644\u0642\u0635\u0631 9\">\n                            <\/div>\n                            <div class=\"beit-card-content\">\n                                <h3>\u0627\u0644\u0642\u0635\u0631 9<\/h3>\n                                <p class=\"beit-location\">\n                                    <svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                                    \u0639\u0645\u0627\u0631\u0629 253, \u0627\u0644\u0623\u0646\u062f\u0644\u0633 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 2\/2, \u0627\u0644\u0642\u0627\u0647\u0631\u0629, \u0645\u0635\u0631                                <\/p>\n                                <a href=\"https:\/\/beitelkhair.com\/?property=%d8%a7%d9%84%d9%82%d8%b5%d8%b1-9\" class=\"beit-card-btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            \n            <div style=\"text-align: center; margin-top: 50px;\" data-aos=\"fade-up\">\n                <a href=\"https:\/\/beitelkhair.com\/?post_type=property\" class=\"beit-btn-primary\">\u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        .beit-portfolio-section { background-color: #0a0a0a; padding: 80px 0; width: 100%; font-family: 'Tajawal', sans-serif; }\n        .beit-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n        .beit-section-header { text-align: center; margin-bottom: 50px; }\n        .beit-subtitle { color: #d4af37; font-size: 1.2rem; font-weight: bold; display: inline-block; margin-bottom: 10px; }\n        .beit-title { color: #ffffff; font-size: 2.8rem; font-weight: 900; margin-bottom: 15px; }\n        .beit-header-desc { color: #a0a0a0; font-size: 1.1rem; max-width: 600px; margin: 0 auto; }\n        .beit-filter-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 50px; }\n        .beit-filter-btn { background-color: transparent; color: #ffffff !important; border: 1px solid rgba(212, 175, 55, 0.3); padding: 10px 25px; border-radius: 30px; cursor: pointer; font-size: 1rem; font-weight: 600; transition: all 0.3s ease; }\n        .beit-filter-btn:hover, .beit-filter-btn.active { background-color: #d4af37 !important; color: #0a0a0a !important; border-color: #d4af37; box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4); }\n        .beit-projects-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; }\n        .beit-project-card { background-color: #111111; border-radius: 15px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.4s ease; transform: scale(1); opacity: 1; }\n        .beit-project-card.hide { display: none; }\n        .beit-project-card:hover { transform: translateY(-10px); border-color: rgba(212, 175, 55, 0.3); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5); }\n        .beit-card-img-wrap { position: relative; height: 250px; overflow: hidden; }\n        .beit-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\n        .beit-project-card:hover .beit-card-img-wrap img { transform: scale(1.1); }\n        \n        \/* \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062c\u062f\u064a\u062f \u0644\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0628\u0627\u062f\u062c\u0627\u062a *\/\n        .beit-badges-container { position: absolute; top: 15px; right: 15px; display: flex; flex-direction: column; gap: 8px; z-index: 2; align-items: flex-start; }\n        .beit-badge { padding: 5px 15px; border-radius: 5px; font-weight: bold; font-size: 0.85rem; color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.3); white-space: nowrap; }\n        .badge-green { background-color: #28a745; }\n        .badge-blue { background-color: #17a2b8; }\n        .badge-gold { background-color: #d4af37; color: #0a0a0a; }\n        .badge-red { background-color: #dc3545; }\n        \n        .beit-card-content { padding: 25px; }\n        .beit-card-content h3 { color: #ffffff; margin: 0 0 10px 0; font-size: 1.4rem; }\n        .beit-location { color: #a0a0a0; display: flex; align-items: center; gap: 5px; margin-bottom: 20px; font-size: 0.95rem; }\n        .beit-location svg { width: 16px; height: 16px; fill: #d4af37; }\n        .beit-card-btn { display: inline-block; width: 100%; text-align: center; padding: 10px; border: 1px solid #d4af37; color: #d4af37 !important; border-radius: 8px; text-decoration: none; font-weight: bold; transition: 0.3s; }\n        .beit-card-btn:hover { background-color: #d4af37; color: #0a0a0a !important; }\n        .beit-btn-primary { background-color: #d4af37; color: #0a0a0a !important; padding: 15px 40px; border-radius: 30px; font-weight: bold; text-decoration: none; display: inline-block; transition: 0.3s; }\n        .beit-btn-primary:hover { background-color: transparent; color: #d4af37 !important; border: 2px solid #d4af37; }\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const filterBtns = document.querySelectorAll('.beit-filter-btn');\n            const projectCards = document.querySelectorAll('.beit-project-card');\n\n            filterBtns.forEach(btn => {\n                btn.addEventListener('click', () => {\n                    filterBtns.forEach(b => b.classList.remove('active'));\n                    btn.classList.add('active');\n                    const filterValue = btn.getAttribute('data-filter');\n\n                    projectCards.forEach(card => {\n                        const cardCategories = card.getAttribute('data-category') ? card.getAttribute('data-category').split(' ') : [];\n                        \n                        if (filterValue === 'all' || cardCategories.includes(filterValue)) {\n                            card.classList.remove('hide');\n                            setTimeout(() => { card.style.opacity = '1'; card.style.transform = 'scale(1)'; }, 50);\n                        } else {\n                            card.style.opacity = '0'; card.style.transform = 'scale(0.9)';\n                            setTimeout(() => { card.classList.add('hide'); }, 300);\n                        }\n                    });\n                });\n            });\n        });\n    <\/script>\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-220aceb e-con-full e-flex e-con e-parent\" data-id=\"220aceb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1944c15 elementor-widget elementor-widget-html\" data-id=\"1944c15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\r\n<div class=\"beit-stats-section\">\r\n    <div class=\"beit-container\">\r\n        <div class=\"beit-stats-grid\">\r\n            <div class=\"beit-stat-box\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                <div class=\"beit-stat-number\"><span class=\"beit-counter\" data-target=\"10\">0<\/span>+<\/div>\r\n                <div class=\"beit-stat-text\">\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629<\/div>\r\n            <\/div>\r\n            <div class=\"beit-stat-box\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"beit-stat-number\"><span class=\"beit-counter\" data-target=\"50\">0<\/span>+<\/div>\r\n                <div class=\"beit-stat-text\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0643\u062a\u0645\u0644<\/div>\r\n            <\/div>\r\n            <div class=\"beit-stat-box\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"beit-stat-number\"><span class=\"beit-counter\" data-target=\"120\">0<\/span>+<\/div>\r\n                <div class=\"beit-stat-text\">\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/div>\r\n            <\/div>\r\n            <div class=\"beit-stat-box\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"beit-stat-number\"><span class=\"beit-counter\" data-target=\"15\">0<\/span><\/div>\r\n                <div class=\"beit-stat-text\">\u0645\u062d\u0627\u0641\u0638\u0629 \u063a\u0637\u064a\u0646\u0627\u0647\u0627<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"beit-testimonials-slider-section\">\r\n    <div class=\"beit-container\">\r\n        <div class=\"beit-section-header\" data-aos=\"fade-up\">\r\n            <span class=\"beit-subtitle\">\u0642\u0627\u0644\u0648\u0627 \u0639\u0646\u0627<\/span>\r\n            <h2 class=\"beit-title\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"swiper beit-testimonials-swiper\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n            <div class=\"swiper-wrapper\">\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"beit-testimonial-card\">\r\n                        <div class=\"beit-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                        <p>\"\u0627\u0644\u062a\u0632\u0627\u0645 \u062a\u0627\u0645 \u0628\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0639\u0644\u0649 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649. \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0645\u0639\u0627\u0647\u0645 \u0643\u0627\u0646 \u0641\u064a \u0645\u062d\u0644\u0647.\"<\/p>\r\n                        <h4>\u0623\u062d\u0645\u062f \u0645\u062d\u0645\u0648\u062f<\/h4>\r\n                        <span>\u0645\u0633\u062a\u062b\u0645\u0631 \u0639\u0642\u0627\u0631\u064a<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"beit-testimonial-card\">\r\n                        <div class=\"beit-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                        <p>\"\u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0639\u0646\u062f\u0647\u0645 \u0645\u0628\u0647\u0631 \u062c\u062f\u0627\u064b\u060c \u0627\u0644\u062a\u0642\u0633\u064a\u0645\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0644\u0644\u0634\u0642\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u0645\u0631\u064a\u062d\u0629.\"<\/p>\r\n                        <h4>\u0641\u0627\u0637\u0645\u0629<\/h4>\r\n                        <span>\u0645\u0627\u0644\u0643\u0629 \u0648\u062d\u062f\u0629 \u0633\u0643\u0646\u064a\u0629<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"beit-testimonial-card\">\r\n                        <div class=\"beit-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                        <p>\"\u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0647\u064a \u0623\u0647\u0645 \u062d\u0627\u062c\u0629 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u060c \u0648\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0643\u0627\u0646 \u0641\u064a \u0642\u0645\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\"<\/p>\r\n                        <h4>\u0645. \u062e\u0627\u0644\u062f \u0633\u0639\u064a\u062f<\/h4>\r\n                        <span>\u0639\u0645\u064a\u0644<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"beit-testimonial-card\">\r\n                        <div class=\"beit-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                        <p>\"\u062e\u062f\u0645\u0629 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639 \u0639\u0646\u062f\u0647\u0645 \u0645\u0645\u062a\u0627\u0632\u0629\u060c \u062f\u0627\u064a\u0645\u0627\u064b \u0645\u062a\u0648\u0627\u062c\u062f\u064a\u0646 \u0644\u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0623\u0648 \u0645\u0633\u0627\u0639\u062f\u0629.\"<\/p>\r\n                        <h4>\u062f. \u0645\u0635\u0637\u0641\u0649 \u0643\u0645\u0627\u0644<\/h4>\r\n                        <span>\u0645\u0627\u0644\u0643 \u0641\u064a\u0644\u0627<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"swiper-pagination\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a *\/\r\n    .beit-stats-section { background-color: #050505; padding: 80px 0; border-top: 1px solid rgba(212, 175, 55, 0.1); border-bottom: 1px solid rgba(212, 175, 55, 0.1); font-family: 'Tajawal', sans-serif; }\r\n    .beit-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n    .beit-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; }\r\n    .beit-stat-box { padding: 30px; background: rgba(17, 17, 17, 0.6); border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 15px; transition: 0.3s; }\r\n    .beit-stat-box:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15); }\r\n    .beit-stat-number { font-size: 3.5rem; font-weight: 900; color: #d4af37; margin-bottom: 10px; line-height: 1; }\r\n    .beit-stat-text { font-size: 1.1rem; color: #a0a0a0; font-weight: bold; }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 *\/\r\n    .beit-testimonials-slider-section { background-color: #0a0a0a; padding: 100px 0; font-family: 'Tajawal', sans-serif; overflow: hidden; }\r\n    .beit-section-header { text-align: center; margin-bottom: 50px; }\r\n    .beit-subtitle { color: #d4af37; font-size: 1.2rem; font-weight: bold; display: inline-block; margin-bottom: 10px; }\r\n    .beit-title { color: #ffffff; font-size: 2.8rem; font-weight: 900; }\r\n    \r\n    .beit-testimonials-swiper { padding-bottom: 50px; }\r\n    .beit-testimonial-card { background: #111111; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 40px 30px; height: 100%; text-align: center; transition: 0.3s; }\r\n    .beit-testimonial-card:hover { border-color: rgba(212, 175, 55, 0.4); transform: translateY(-5px); }\r\n    .beit-stars { color: #d4af37; font-size: 1.5rem; letter-spacing: 2px; margin-bottom: 20px; }\r\n    .beit-testimonial-card p { color: #a0a0a0; font-size: 1.1rem; line-height: 1.8; font-style: italic; margin-bottom: 25px; }\r\n    .beit-testimonial-card h4 { color: #ffffff; margin: 0 0 5px 0; font-size: 1.2rem; }\r\n    .beit-testimonial-card span { color: #d4af37; font-size: 0.9rem; }\r\n\r\n    \/* \u0646\u0642\u0637 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 (Pagination) *\/\r\n    .swiper-pagination-bullet { background: #555; opacity: 1; }\r\n    .swiper-pagination-bullet-active { background: #d4af37; width: 25px; border-radius: 10px; }\r\n\r\n    @media (max-width: 991px) { .beit-stats-grid { grid-template-columns: repeat(2, 1fr); } }\r\n    @media (max-width: 576px) { .beit-stats-grid { grid-template-columns: 1fr; } }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a\r\n        const counters = document.querySelectorAll('.beit-counter');\r\n        const startCounters = (entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if(entry.isIntersecting) {\r\n                    const counter = entry.target;\r\n                    const target = +counter.getAttribute('data-target');\r\n                    const speed = 100;\r\n                    const updateCount = () => {\r\n                        const count = +counter.innerText;\r\n                        const inc = target \/ speed;\r\n                        if(count < target) {\r\n                            counter.innerText = Math.ceil(count + inc);\r\n                            setTimeout(updateCount, 20);\r\n                        } else {\r\n                            counter.innerText = target;\r\n                        }\r\n                    };\r\n                    updateCount();\r\n                    observer.unobserve(counter);\r\n                }\r\n            });\r\n        };\r\n        const counterObserver = new IntersectionObserver(startCounters, { threshold: 0.5 });\r\n        counters.forEach(counter => counterObserver.observe(counter));\r\n\r\n        \/\/ \u062a\u0634\u063a\u064a\u0644 \u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0622\u0631\u0627\u0621 (Swiper)\r\n        const swiper = new Swiper('.beit-testimonials-swiper', {\r\n            slidesPerView: 1,\r\n            spaceBetween: 30,\r\n            loop: true,\r\n            autoplay: {\r\n                delay: 4000,\r\n                disableOnInteraction: false,\r\n            },\r\n            pagination: {\r\n                el: '.swiper-pagination',\r\n                clickable: true,\r\n            },\r\n            breakpoints: {\r\n                768: { slidesPerView: 2 },\r\n                1024: { slidesPerView: 3 }\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-0ac5dc2 e-con-full e-flex e-con e-parent\" data-id=\"0ac5dc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8488cf9 elementor-widget elementor-widget-html\" data-id=\"8488cf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"beit-contact-section\" id=\"contact\">\r\n    <div class=\"beit-container\">\r\n        <div class=\"beit-contact-grid\">\r\n            \r\n            <div class=\"beit-contact-info\" data-aos=\"fade-left\">\r\n                <span class=\"beit-subtitle\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n                <h2 class=\"beit-title\">\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0628\u0646\u0627\u0621 \u0645\u0633\u062a\u0642\u0628\u0644\u0643<\/h2>\r\n                <p class=\"beit-contact-desc\">\r\n                    \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0622\u0645\u0646\u060c \u0623\u0648 \u0645\u0646\u0632\u0644 \u0623\u062d\u0644\u0627\u0645\u0643\u060c \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u064a\u0646 \u062c\u0627\u0647\u0632 \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 \u0627\u0644\u062d\u0644\u0648\u0644.\r\n                <\/p>\r\n\r\n                <div class=\"beit-info-list\">\r\n                    <div class=\"beit-info-item\">\r\n                        <div class=\"beit-info-icon\"><svg viewBox=\"0 0 24 24\"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg><\/div>\r\n                        <div class=\"beit-info-text\"><h4>\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h4><span>\u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0627\u0644\u062a\u062c\u0645\u0639 \u0627\u0644\u062e\u0627\u0645\u0633\u060c \u0634\u0627\u0631\u0639 \u0627\u0644\u062a\u0633\u0639\u064a\u0646 \u0627\u0644\u0634\u0645\u0627\u0644\u064a\u060c \u0645\u0628\u0646\u0649 45<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"beit-info-item\">\r\n                        <div class=\"beit-info-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg><\/div>\r\n                        <div class=\"beit-info-text\"><h4>\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h4><span dir=\"ltr\" style=\"text-align: right;\">+20 100 123 4567<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"beit-info-item\">\r\n                        <div class=\"beit-info-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><\/div>\r\n                        <div class=\"beit-info-text\"><h4>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h4><span>info@beitalkhair.com<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"beit-contact-form-wrap\" data-aos=\"fade-right\" data-aos-delay=\"200\">\r\n                <h3 class=\"form-title\">\u062f\u0639\u0646\u0627 \u0646\u062a\u0635\u0644 \u0628\u0643!<\/h3>\r\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f5658-o1\" lang=\"ar\" dir=\"rtl\" data-wpcf7-id=\"5658\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F105#wpcf7-f5658-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"5658\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ar\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f5658-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"form-group\">\n\t<p><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 form-control\" id=\"wa-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"form-group\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel form-control\" id=\"wa-phone\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u062a\u0644\u064a\u0641\u0648\u0646\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"form-group\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-project\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-control\" id=\"wa-project\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-project\"><option value=\"\">\u0628\u062e\u0635\u0648\u0635 \u0623\u064a \u0645\u0634\u0631\u0648\u0639\u061f<\/option><option value=\"\u0623\u0631\u064a\u062f \u0634\u0631\u0627\u0621 \u0648\u062d\u062f\u0629\">\u0623\u0631\u064a\u062f \u0634\u0631\u0627\u0621 \u0648\u062d\u062f\u0629<\/option><option value=\"\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\">\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a<\/option><option value=\"\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0627\u0645\">\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0627\u0645<\/option><\/select><\/span>\n\t<\/p>\n<\/div>\n<div class=\"form-group\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea form-control\" id=\"wa-message\" aria-invalid=\"false\" placeholder=\"\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643\u061f (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner beit-submit-btn\" type=\"submit\" value=\"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .beit-contact-section { background-color: #050505; padding: 100px 0; width: 100%; font-family: 'Tajawal', sans-serif; border-top: 1px solid rgba(212, 175, 55, 0.1); overflow: hidden; \/* \u062a\u0645 \u0646\u0633\u0641 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 *\/ }\r\n    .beit-contact-section .beit-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n    .beit-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n    .beit-contact-info { padding-right: 20px; }\r\n    .beit-subtitle { color: #d4af37; font-size: 1.2rem; font-weight: bold; display: inline-block; margin-bottom: 10px; }\r\n    .beit-title { color: #ffffff; font-size: 2.5rem; font-weight: 900; line-height: 1.3; margin-bottom: 20px; }\r\n    .beit-contact-desc { color: #a0a0a0; font-size: 1.1rem; line-height: 1.8; margin-bottom: 40px; }\r\n    .beit-info-list { display: flex; flex-direction: column; gap: 30px; }\r\n    .beit-info-item { display: flex; align-items: flex-start; gap: 20px; }\r\n    .beit-info-icon { width: 50px; height: 50px; background: rgba(212, 175, 55, 0.1); border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(212, 175, 55, 0.3); flex-shrink: 0; }\r\n    .beit-info-icon svg { width: 24px; height: 24px; fill: #d4af37; }\r\n    .beit-info-text h4 { color: #ffffff; margin: 0 0 5px 0; font-size: 1.2rem; }\r\n    .beit-info-text span { color: #a0a0a0; font-size: 1rem; display: block; }\r\n    \r\n    .beit-contact-form-wrap { background: #111111; padding: 40px; border-radius: 20px; border: 1px solid rgba(212, 175, 55, 0.2); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); }\r\n    .form-title { color: #ffffff; font-size: 1.8rem; font-weight: bold; margin-bottom: 30px; text-align: center; }\r\n    \r\n    \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a Contact Form 7 \u0644\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 *\/\r\n    .wpcf7-form-control-wrap { display: block; width: 100%; margin-bottom: 20px; }\r\n    .wpcf7-text, .wpcf7-select, .wpcf7-textarea { width: 100%; background: #0a0a0a !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; padding: 15px 20px !important; border-radius: 8px !important; font-family: 'Tajawal', sans-serif; font-size: 1rem; transition: all 0.3s ease; box-sizing: border-box; }\r\n    .wpcf7-text:focus, .wpcf7-select:focus, .wpcf7-textarea:focus { outline: none; border-color: #d4af37 !important; box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important; }\r\n    .wpcf7-select { cursor: pointer; appearance: none; }\r\n    \r\n    .wpcf7-submit { width: 100%; background: #d4af37 !important; color: #0a0a0a !important; border: none !important; padding: 15px !important; font-size: 1.2rem !important; font-weight: bold !important; border-radius: 8px !important; cursor: pointer; transition: all 0.3s ease !important; font-family: 'Tajawal', sans-serif; }\r\n    .wpcf7-submit:hover { background: #25D366 !important; color: white !important; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3); }\r\n\r\n    \/* \u0625\u062e\u0641\u0627\u0621 \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062e\u0637\u0623 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0627\u0644\u0645\u0632\u0639\u062c\u0629 \u0648\u062a\u062c\u0645\u064a\u0644\u0647\u0627 *\/\r\n    .wpcf7-not-valid-tip { font-size: 0.85em; color: #dc3545; margin-top: 5px; }\r\n    .wpcf7 form .wpcf7-response-output { border-radius: 8px; margin-top: 20px; text-align: center; }\r\n\r\n    @media (max-width: 991px) { .beit-contact-grid { grid-template-columns: 1fr; gap: 50px; } .beit-contact-info { padding-right: 0; text-align: center; } .beit-info-item { flex-direction: column; align-items: center; text-align: center; } .beit-title { font-size: 2.2rem; } }\r\n    @media (max-width: 576px) { .beit-contact-form-wrap { padding: 30px 20px; } }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ \u0627\u0644\u062c\u0627\u0641\u0627\u0633\u0643\u0631\u064a\u0628\u062a \u0627\u0644\u0644\u064a \u0628\u064a\u0633\u062a\u0646\u0649 \u0627\u0644\u0641\u0648\u0631\u0645 \u062a\u062a\u0628\u0639\u062a \u0628\u0646\u062c\u0627\u062d (wpcf7mailsent)\r\n    document.addEventListener('wpcf7mailsent', function(event) {\r\n        \r\n        \/\/ \u0627\u0644\u062a\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0644\u064a \u0627\u0644\u0639\u0645\u064a\u0644 \u0643\u062a\u0628\u0647\u0627 \u0641\u064a \u0627\u0644\u0641\u0648\u0631\u0645\r\n        var inputs = event.detail.inputs;\r\n        var name = '';\r\n        var phone = '';\r\n        var project = '';\r\n        var message = '';\r\n\r\n        for (var i = 0; i < inputs.length; i++) {\r\n            if (inputs[i].name == 'your-name') name = inputs[i].value;\r\n            if (inputs[i].name == 'your-phone') phone = inputs[i].value;\r\n            if (inputs[i].name == 'your-project') project = inputs[i].value;\r\n            if (inputs[i].name == 'your-message') message = inputs[i].value;\r\n        }\r\n\r\n        \/\/ **\u0645\u0647\u0645 \u062c\u062f\u0627\u064b: \u062d\u0637 \u0631\u0642\u0645 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0628\u062a\u0627\u0639\u0643 \u0647\u0646\u0627**\r\n        const waNumber = \"201001234567\";\r\n\r\n        \/\/ \u062a\u0646\u0633\u064a\u0642 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628\r\n        let waMessage = `\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u064a\u062a \u0627\u0644\u062e\u064a\u0631\u060c \u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0637\u0644\u0628 \u0628\u0646\u062c\u0627\u062d \u0648\u0647\u0630\u0627 \u062a\u0648\u0627\u0635\u0644 \u0625\u0636\u0627\u0641\u064a:\\n\\n`;\r\n        waMessage += `\ud83d\udc64 *\u0627\u0644\u0627\u0633\u0645:* ${name}\\n`;\r\n        waMessage += `\ud83d\udcde *\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641:* ${phone}\\n`;\r\n        if(project) { waMessage += `\ud83c\udfe2 *\u0628\u062e\u0635\u0648\u0635:* ${project}\\n`; }\r\n        if(message) { waMessage += `\ud83d\udcac *\u0627\u0644\u0631\u0633\u0627\u0644\u0629:* ${message}\\n`; }\r\n\r\n        \/\/ \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0644\u0644\u064a\u0646\u0643 \u064a\u0642\u062f\u0631 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u064a\u0641\u062a\u062d\u0647\r\n        const encodedMessage = encodeURIComponent(waMessage);\r\n        const waURL = `https:\/\/wa.me\/${waNumber}?text=${encodedMessage}`;\r\n\r\n        \/\/ \u0641\u062a\u062d \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0641\u064a \u0646\u0627\u0641\u0630\u0629 \u062c\u062f\u064a\u062f\u0629\r\n        window.open(waURL, '_blank');\r\n        \r\n    }, false);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n            <div class=\"beit-auto-progress-wrap\" style=\"margin: 25px 0; direction: rtl; font-family: 'Tajawal', sans-serif; background: rgba(0,0,0,0.02); padding: 15px; border-radius: 8px; border: 1px solid rgba(212,175,55,0.2);\">\n                <div style=\"display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: bold; color: #d4af37; font-size: 1.1rem;\">\n                    <span>\u0646\u0633\u0628\u0629 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                    <span class=\"auto-progress-num-wrap\"><span class=\"auto-progress-num\" data-target=\"100\">0<\/span>%<\/span>\n                <\/div>\n                <div style=\"width: 100%; height: 10px; background: rgba(0,0,0,0.05); border-radius: 10px; overflow: hidden; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);\">\n                    <div class=\"auto-progress-fill\" data-percent=\"100\" style=\"height: 100%; width: 0%; background: linear-gradient(90deg, #b5952f, #f7d05c); border-radius: 10px; box-shadow: 0 0 10px rgba(212,175,55,0.6); transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1);\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <script>\n                document.addEventListener(\"DOMContentLoaded\", function() {\n                    \/\/ \u0645\u0631\u0627\u0642\u0628 \u0630\u0643\u064a \u0639\u0634\u0627\u0646 \u064a\u0634\u062a\u063a\u0644 \u0644\u0645\u0627 \u0627\u0644\u0639\u0645\u064a\u0644 \u064a\u0646\u0632\u0644 \u0628\u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0628\u0633\n                    if (typeof window.autoProgressObs === \"undefined\") {\n                        window.autoProgressObs = new IntersectionObserver((entries, obs) => {\n                            entries.forEach(entry => {\n                                if (entry.isIntersecting) {\n                                    let bar = entry.target;\n                                    let targetPercent = bar.getAttribute(\"data-percent\");\n                                    \n                                    \/\/ \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0634\u0631\u064a\u0637\n                                    setTimeout(() => { bar.style.width = targetPercent + \"%\"; }, 200);\n                                    \n                                    \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0627\u0639\u062f\u064a \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u062d\u062f\u0629\n                                    let container = bar.closest(\".beit-auto-progress-wrap\");\n                                    let numElement = container.querySelector(\".auto-progress-num\");\n                                    if (numElement) {\n                                        let targetNum = parseInt(numElement.getAttribute(\"data-target\"));\n                                        let currentNum = 0;\n                                        let step = targetNum \/ 40; \/\/ \u0646\u0639\u0648\u0645\u0629 \u0627\u0644\u0639\u062f\u0627\u062f\n                                        if(step < 1) step = 1;\n                                        \n                                        let counterInterval = setInterval(() => {\n                                            currentNum += step;\n                                            if (currentNum >= targetNum) {\n                                                numElement.innerText = targetNum;\n                                                clearInterval(counterInterval);\n                                            } else {\n                                                numElement.innerText = Math.floor(currentNum);\n                                            }\n                                        }, 30); \/\/ \u0633\u0631\u0639\u0629 \u0627\u0644\u0639\u062f\u0627\u062f\n                                    }\n                                    obs.unobserve(bar); \/\/ \u064a\u0634\u062a\u063a\u0644 \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u0633\n                                }\n                            });\n                        }, { threshold: 0.2 });\n                    }\n                    \n                    \/\/ \u0631\u0628\u0637 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0628\u0627\u0644\u0623\u0634\u0631\u0637\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\n                    document.querySelectorAll(\".auto-progress-fill:not(.observed)\").forEach(b => {\n                        b.classList.add(\"observed\");\n                        window.autoProgressObs.observe(b);\n                    });\n                });\n            <\/script>\n            ","protected":false},"excerpt":{"rendered":"<p>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u062e\u064a\u0631 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0631\u0624\u064a\u0629 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u062a\u062a\u062c\u0633\u062f \u0641\u064a \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639\u060c \u0646\u0628\u0646\u064a \u0623\u062d\u0644\u0627\u0645\u0643 \u0648\u0646\u0635\u0645\u0645 \u0645\u0633\u062a\u0642\u0628\u0644\u0643 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0641\u062e\u0627\u0645\u0629. \u0633\u0627\u0628\u0642\u0629 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u064a\u062a \u0627\u0644\u062e\u064a\u0631.. \u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a \u0627\u0644\u0641\u062e\u0627\u0645\u0629 \u0628\u0627\u0644\u062b\u0642\u0629 \u0646\u062d\u0646 \u0641\u064a &#8220;\u0628\u064a\u062a \u0627\u0644\u062e\u064a\u0631&#8221; \u0644\u0627 \u0646\u0628\u0646\u064a \u0645\u062c\u0631\u062f \u062c\u062f\u0631\u0627\u0646\u060c \u0628\u0644 \u0646\u0635\u0645\u0645 \u0623\u0633\u0644\u0648\u0628 \u062d\u064a\u0627\u0629. \u0628\u0641\u0636\u0644 \u062e\u0628\u0631\u062a\u0646\u0627 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0646\u0642\u062f\u0645 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627&#8230;<\/p>\n\n            <div class=\"beit-auto-progress-wrap\" style=\"margin: 25px 0; direction: rtl; font-family: 'Tajawal', sans-serif; background: rgba(0,0,0,0.02); padding: 15px; border-radius: 8px; border: 1px solid rgba(212,175,55,0.2);\">\n                <div style=\"display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: bold; color: #d4af37; font-size: 1.1rem;\">\n                    <span>\u0646\u0633\u0628\u0629 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                    <span class=\"auto-progress-num-wrap\"><span class=\"auto-progress-num\" data-target=\"100\">0<\/span>%<\/span>\n                <\/div>\n                <div style=\"width: 100%; height: 10px; background: rgba(0,0,0,0.05); border-radius: 10px; overflow: hidden; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);\">\n                    <div class=\"auto-progress-fill\" data-percent=\"100\" style=\"height: 100%; width: 0%; background: linear-gradient(90deg, #b5952f, #f7d05c); border-radius: 10px; box-shadow: 0 0 10px rgba(212,175,55,0.6); transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1);\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <script>\n                document.addEventListener(\"DOMContentLoaded\", function() {\n                    \/\/ \u0645\u0631\u0627\u0642\u0628 \u0630\u0643\u064a \u0639\u0634\u0627\u0646 \u064a\u0634\u062a\u063a\u0644 \u0644\u0645\u0627 \u0627\u0644\u0639\u0645\u064a\u0644 \u064a\u0646\u0632\u0644 \u0628\u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0628\u0633\n                    if (typeof window.autoProgressObs === \"undefined\") {\n                        window.autoProgressObs = new IntersectionObserver((entries, obs) => {\n                            entries.forEach(entry => {\n                                if (entry.isIntersecting) {\n                                    let bar = entry.target;\n                                    let targetPercent = bar.getAttribute(\"data-percent\");\n                                    \n                                    \/\/ \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0634\u0631\u064a\u0637\n                                    setTimeout(() => { bar.style.width = targetPercent + \"%\"; }, 200);\n                                    \n                                    \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0627\u0639\u062f\u064a \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u062d\u062f\u0629\n                                    let container = bar.closest(\".beit-auto-progress-wrap\");\n                                    let numElement = container.querySelector(\".auto-progress-num\");\n                                    if (numElement) {\n                                        let targetNum = parseInt(numElement.getAttribute(\"data-target\"));\n                                        let currentNum = 0;\n                                        let step = targetNum \/ 40; \/\/ \u0646\u0639\u0648\u0645\u0629 \u0627\u0644\u0639\u062f\u0627\u062f\n                                        if(step < 1) step = 1;\n                                        \n                                        let counterInterval = setInterval(() => {\n                                            currentNum += step;\n                                            if (currentNum >= targetNum) {\n                                                numElement.innerText = targetNum;\n                                                clearInterval(counterInterval);\n                                            } else {\n                                                numElement.innerText = Math.floor(currentNum);\n                                            }\n                                        }, 30); \/\/ \u0633\u0631\u0639\u0629 \u0627\u0644\u0639\u062f\u0627\u062f\n                                    }\n                                    obs.unobserve(bar); \/\/ \u064a\u0634\u062a\u063a\u0644 \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u0633\n                                }\n                            });\n                        }, { threshold: 0.2 });\n                    }\n                    \n                    \/\/ \u0631\u0628\u0637 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0628\u0627\u0644\u0623\u0634\u0631\u0637\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\n                    document.querySelectorAll(\".auto-progress-fill:not(.observed)\").forEach(b => {\n                        b.classList.add(\"observed\");\n                        window.autoProgressObs.observe(b);\n                    });\n                });\n            <\/script>\n            ","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-105","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/beitelkhair.com\/index.php?rest_route=\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beitelkhair.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beitelkhair.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beitelkhair.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beitelkhair.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=105"}],"version-history":[{"count":52,"href":"https:\/\/beitelkhair.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":5661,"href":"https:\/\/beitelkhair.com\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions\/5661"}],"wp:attachment":[{"href":"https:\/\/beitelkhair.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}