{"id":1644,"date":"2020-06-11T06:51:50","date_gmt":"2020-06-11T06:51:50","guid":{"rendered":"https:\/\/webbingstone.com\/contact-us\/"},"modified":"2026-07-06T15:13:17","modified_gmt":"2026-07-06T12:13:17","slug":"contact","status":"publish","type":"page","link":"https:\/\/webbingstone.com\/ar\/contact\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1644\" class=\"elementor elementor-1644 elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-269bb2d e-con-full e-flex e-con e-parent\" data-id=\"269bb2d\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-0259c4c elementor-widget elementor-widget-html\" data-id=\"0259c4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.hero-wrapper {\r\n        background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);\r\n        min-height: 300px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 140px 20px 60px 20px;  \/* \u2b50 Increased bottom padding to 60px \u2b50 *\/\r\n        margin: 0;\r\n        width: 100%;\r\n    }\r\n    \r\n    .hero-container {\r\n        width: 100%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n        padding-bottom: 20px;  \/* \u2b50 Extra padding for safety \u2b50 *\/\r\n    }\r\n    \r\n    .badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 10px 24px;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        backdrop-filter: blur(10px);\r\n        border: 1.5px solid rgba(102, 126, 234, 0.4);\r\n        border-radius: 50px;\r\n        color: white;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        margin-bottom: 30px;\r\n        animation: badgeFade 0.8s ease-out;\r\n    }\r\n    \r\n    .badge svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        animation: rotate 4s linear infinite;\r\n    }\r\n    \r\n    .hero-title {\r\n        font-size: clamp(1.5rem, 4vw, 3.5rem);\r\n        font-weight: 800;\r\n        line-height: 1.4;  \/* \u2b50 Increased from 1.2 to 1.4 \u2b50 *\/\r\n        margin: 0;\r\n        padding: 0 20px 15px 20px;  \/* \u2b50 Added 15px bottom padding \u2b50 *\/\r\n        background: linear-gradient(120deg, \r\n            #764ba2 0%, \r\n            #667eea 15%, \r\n            #ffffff 35%, \r\n            #ffa8a8 55%, \r\n            #ff8a65 75%, \r\n            #EE5946 100%\r\n        );\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        animation: shine 6s linear infinite, appear 1s ease-out;\r\n        white-space: nowrap;\r\n        overflow: visible;\r\n    }\r\n    \r\n    @keyframes shine {\r\n        0% { background-position: 0% center; }\r\n        100% { background-position: 200% center; }\r\n    }\r\n    \r\n    @keyframes appear {\r\n        from { \r\n            opacity: 0; \r\n            transform: translateY(30px) scale(0.95); \r\n        }\r\n        to { \r\n            opacity: 1; \r\n            transform: translateY(0) scale(1); \r\n        }\r\n    }\r\n    \r\n    @keyframes badgeFade {\r\n        from { \r\n            opacity: 0; \r\n            transform: translateX(-20px); \r\n        }\r\n        to { \r\n            opacity: 1; \r\n            transform: translateX(0); \r\n        }\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    \/* Mobile: Allow text to wrap *\/\r\n    @media (max-width: 768px) {\r\n        .hero-title {\r\n            white-space: normal;\r\n            font-size: clamp(1.3rem, 5vw, 2rem);\r\n            line-height: 1.4;\r\n            padding-bottom: 10px;\r\n        }\r\n        \r\n        .hero-wrapper {\r\n            min-height: 250px;\r\n            padding: 100px 15px 50px 15px;  \/* \u2b50 Increased bottom padding \u2b50 *\/\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .hero-title {\r\n            font-size: 1.4rem;\r\n            padding-bottom: 10px;\r\n        }\r\n        \r\n        .badge {\r\n            font-size: 12px;\r\n            padding: 8px 20px;\r\n        }\r\n        \r\n        .hero-wrapper {\r\n            padding: 80px 15px 40px 15px;  \/* \u2b50 Increased bottom padding \u2b50 *\/\r\n        }\r\n    }\r\n<\/style><div class=\"hero-wrapper\"><div class=\"hero-container\"><div class=\"badge\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/><\/svg>\u0634\u0631\u064a\u0643 \u0645\u0648\u062b\u0648\u0642 \u0644\u062f\u0641\u0639 \u0623\u0639\u0645\u0627\u0644\u0643 \u0646\u062d\u0648 \u0627\u0644\u0646\u062c\u0627\u062d\r\n        <\/div><h1 class=\"hero-title\">\u0647\u064a\u0627 \u0646\u0628\u0646\u064a \u0645\u0639\u064b\u0627 \u062a\u062c\u0631\u0628\u0629 \u0631\u0642\u0645\u064a\u0629 \u0642\u0648\u064a\u0629 \u0644\u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h1><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-931104a e-flex e-con-boxed e-con e-parent\" data-id=\"931104a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-f034fbb elementor-widget elementor-widget-shortcode\" data-id=\"f034fbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[ws-contact-form]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-831d3f9 e-con-full e-flex e-con e-parent\" data-id=\"831d3f9\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t<div class=\"elementor-element elementor-element-579e707 e-con-full e-flex e-con e-child\" data-id=\"579e707\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-a76b2eb elementor-widget elementor-widget-html\" data-id=\"a76b2eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>:root {\r\n        --color-tertiary: #667eea;\r\n        --color-tertiary-dark: #764ba2;\r\n        --color-accent: #EE5946;\r\n    }\r\n\r\n    .hero-section-wrapper {\r\n        background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) !important;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 60px 20px;\r\n        margin: 0 !important;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .hero-section-wrapper * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .hero-content-inner {\r\n        animation: fadeInUp 1s ease;\r\n        max-width: 600px;\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    .hero-subtitle-text {\r\n        font-size: 1.4rem;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        margin-bottom: 40px;\r\n        line-height: 1.6;\r\n        animation: fadeInUp 1s ease 0.1s backwards;\r\n    }\r\n\r\n    .hero-cta-group {\r\n        display: flex;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        animation: fadeInUp 1s ease 0.3s backwards;\r\n    }\r\n\r\n    .hero-cta {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 18px 40px;\r\n        border-radius: 50px;\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .hero-cta-secondary {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        backdrop-filter: blur(10px);\r\n        color: white;\r\n        border: 2px solid rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .hero-cta-secondary::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 0;\r\n        height: 0;\r\n        border-radius: 50%;\r\n        background: rgba(102, 126, 234, 0.2);\r\n        transform: translate(-50%, -50%);\r\n        transition: width 0.6s, height 0.6s;\r\n    }\r\n\r\n    .hero-cta-secondary:hover::before {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n    .hero-cta-secondary:hover {\r\n        background: rgba(255, 255, 255, 0.2);\r\n        border-color: rgba(255, 255, 255, 0.4);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .hero-cta svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        fill: currentColor;\r\n        transition: transform 0.3s ease;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-cta span {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-cta:hover svg {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    .hero-stats-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .hero-stat-box {\r\n        text-align: center;\r\n        padding: 25px 15px 20px 15px;\r\n        background: rgba(255, 255, 255, 0.05);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 15px;\r\n        transition: all 0.4s ease;\r\n        animation: fadeInUp 1s ease backwards;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .hero-stat-box::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        left: -50%;\r\n        width: 200%;\r\n        height: 200%;\r\n        background: linear-gradient(45deg, transparent, rgba(102, 126, 234, 0.1), transparent);\r\n        transform: rotate(45deg);\r\n        transition: all 0.5s;\r\n    }\r\n\r\n    .hero-stat-box:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .hero-stat-box:nth-child(1) { animation-delay: 0.5s; }\r\n    .hero-stat-box:nth-child(2) { animation-delay: 0.7s; }\r\n    .hero-stat-box:nth-child(3) { animation-delay: 0.9s; }\r\n\r\n    .hero-stat-box:hover {\r\n        transform: translateY(-10px) scale(1.05);\r\n        background: rgba(102, 126, 234, 0.1);\r\n        border-color: rgba(102, 126, 234, 0.3);\r\n        box-shadow: 0 20px 40px rgba(102, 126, 234, 0.3);\r\n    }\r\n\r\n    .hero-stat-number {\r\n        font-size: 2rem;\r\n        font-weight: 700;\r\n        background: linear-gradient(135deg, #667eea 0%, #EE5946 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        margin-bottom: 5px;\r\n        line-height: 1.3;\r\n        padding-top: 5px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-stat-label {\r\n        color: rgba(255, 255, 255, 0.7);\r\n        font-size: 0.85rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 968px) {\r\n        .hero-subtitle-text {\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .hero-stats-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n        .hero-section-wrapper {\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .hero-subtitle-text {\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .hero-cta-group {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .hero-cta {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .hero-stats-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 15px;\r\n        }\r\n\r\n        .hero-stat-number {\r\n            font-size: 1.8rem;\r\n        }\r\n    }\r\n<\/style><div class=\"hero-section-wrapper\"><div class=\"hero-content-inner\"><p class=\"hero-subtitle-text\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u062a\u0637\u0648\u064a\u0631 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u061f \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u062e\u0628\u0631\u0627\u0626\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0627\u0643\u062a\u0634\u0641 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u062f\u0641\u0639 \u0623\u0639\u0645\u0627\u0644\u0643 \u0644\u0646\u062a\u0627\u0626\u062c \u0645\u0644\u0645\u0648\u0633\u0629.\r\n        <\/p><div class=\"hero-cta-group\"><a href=\"tel:+201000896930\" class=\"hero-cta hero-cta-secondary\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\/><\/svg><span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646<\/span><\/a><\/div><div class=\"hero-stats-grid\"><div class=\"hero-stat-box\"><div class=\"hero-stat-number\">500+<\/div><div class=\"hero-stat-label\">\u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u0627\u0644\u0631\u0627\u0636\u0648\u0646<\/div><\/div><div class=\"hero-stat-box\"><div class=\"hero-stat-number\">1200+<\/div><div class=\"hero-stat-label\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u064a \u062a\u0645 \u062a\u0646\u0641\u064a\u0630\u0647\u0627<\/div><\/div><div class=\"hero-stat-box\"><div class=\"hero-stat-number\">98%<\/div><div class=\"hero-stat-label\">\u0645\u0633\u062a\u0648\u0649 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99f76c1 e-con-full e-flex e-con e-parent\" data-id=\"99f76c1\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-3d4f646 elementor-widget elementor-widget-html\" data-id=\"3d4f646\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>\u0641\u0631\u0648\u0639\u0646\u0627 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645<\/title>\r\n<style>\r\n:root {\r\n    --color-tertiary: #667eea;\r\n    --color-tertiary-dark: #764ba2;\r\n    --color-accent: #EE5946;\r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n}\r\n\r\n.offices-section {\r\n    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);\r\n    padding: 100px 20px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Background effects *\/\r\n.offices-section::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:\r\n        radial-gradient(circle at 30% 20%, rgba(102, 126, 234, 0.1) 0%, transparent 50%),\r\n        radial-gradient(circle at 70% 80%, rgba(118, 75, 162, 0.1) 0%, transparent 50%);\r\n    animation: gradient-shift 15s ease infinite;\r\n}\r\n\r\n@keyframes gradient-shift {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.5; }\r\n}\r\n\r\n.offices-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 10;\r\n}\r\n\r\n.offices-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n.offices-header h2 {\r\n    font-size: 3.5rem;\r\n    color: white;\r\n    margin-bottom: 15px;\r\n    font-weight: 800;\r\n    background: linear-gradient(120deg, #764ba2 0%, #667eea 20%, #ffffff 40%, #ffa8a8 60%, #ff8a65 80%, #EE5946 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    line-height: 1.3;\r\n    padding-top: 10px;\r\n    animation: gradientFlow 8s ease-in-out infinite, titleEntrance 1s ease;\r\n    background-size: 300% 300%;\r\n}\r\n\r\n@keyframes gradientFlow {\r\n    0% { background-position: 0% 50%; }\r\n    33% { background-position: 50% 50%; }\r\n    66% { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n}\r\n\r\n@keyframes titleEntrance {\r\n    0% {\r\n        opacity: 0;\r\n        transform: scale(0.8) translateY(-30px);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: scale(1) translateY(0);\r\n    }\r\n}\r\n\r\n.offices-header p {\r\n    font-size: 1.3rem;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    animation: fadeInUp 1s ease 0.3s backwards;\r\n}\r\n\r\n.offices-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n    gap: 30px;\r\n    animation: fadeInUp 0.8s ease 0.3s backwards;\r\n}\r\n\r\n.office-card {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 25px;\r\n    padding: 40px 35px;\r\n    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.office-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--color-tertiary) 0%, var(--color-accent) 100%);\r\n    transform: scaleX(0);\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.office-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.office-card:hover {\r\n    transform: translateY(-10px);\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border-color: rgba(102, 126, 234, 0.3);\r\n    box-shadow: 0 25px 60px rgba(102, 126, 234, 0.3);\r\n}\r\n\r\n.office-flag {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, var(--color-tertiary) 0%, var(--color-tertiary-dark) 100%);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n    font-size: 2rem;\r\n    transition: all 0.5s ease;\r\n    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\r\n}\r\n\r\n.office-card:hover .office-flag {\r\n    transform: scale(1.15) rotate(360deg);\r\n    box-shadow: 0 15px 40px rgba(102, 126, 234, 0.5);\r\n}\r\n\r\n.office-country {\r\n    font-size: 1.8rem;\r\n    color: white;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.office-label {\r\n    font-size: 0.75rem;\r\n    background: rgba(238, 89, 70, 0.2);\r\n    color: var(--color-accent);\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.office-address {\r\n    color: rgba(255, 255, 255, 0.7);\r\n    font-size: 1rem;\r\n    line-height: 1.8;\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n}\r\n\r\n.office-address svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: var(--color-tertiary);\r\n    flex-shrink: 0;\r\n    margin-top: 3px;\r\n}\r\n\r\n.office-contacts {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-top: 25px;\r\n    padding-top: 25px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    font-size: 0.95rem;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.contact-item:hover {\r\n    color: white;\r\n    transform: translateX(5px);\r\n}\r\n\r\n.contact-item svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: var(--color-accent);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.contact-item a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.contact-item a:hover {\r\n    color: var(--color-tertiary);\r\n}\r\n\r\n@keyframes fadeInDown {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-40px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(50px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Stagger animation for cards *\/\r\n.office-card:nth-child(1) { animation: fadeInUp 0.8s ease 0.4s backwards; }\r\n.office-card:nth-child(2) { animation: fadeInUp 0.8s ease 0.5s backwards; }\r\n.office-card:nth-child(3) { animation: fadeInUp 0.8s ease 0.6s backwards; }\r\n.office-card:nth-child(4) { animation: fadeInUp 0.8s ease 0.7s backwards; }\r\n.office-card:nth-child(5) { animation: fadeInUp 0.8s ease 0.8s backwards; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n    .offices-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    }\r\n\r\n    .offices-header h2 {\r\n        font-size: 2.5rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .offices-header h2 {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .offices-header p {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .office-card {\r\n        padding: 30px 25px;\r\n    }\r\n\r\n    .office-country {\r\n        font-size: 1.5rem;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"offices-section\">\r\n    <div class=\"offices-container\">\r\n        <div class=\"offices-header\">\r\n            <h2>\u0641\u0631\u0648\u0639\u0646\u0627 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645<\/h2>\r\n            <p>\u0628\u0641\u0636\u0644 \u0627\u0646\u062a\u0634\u0627\u0631\u0646\u0627 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0646\u062d\u0646 \u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u062e\u062f\u0645\u062a\u0643 \u0623\u064a\u0646\u0645\u0627 \u0643\u0646\u062a.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"offices-grid\">\r\n            <!-- Egypt Office -->\r\n            <div class=\"office-card\">\r\n                <div class=\"office-flag\">\ud83c\uddea\ud83c\uddec<\/div>\r\n                <h3 class=\"office-country\">\r\n                    \u0645\u0635\u0631\r\n                    <span class=\"office-label\">\u0627\u0644\u0645\u0642\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/span>\r\n                <\/h3>\r\n                <div class=\"office-address\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.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\"\/>\r\n                    <\/svg>\r\n                    <span>500 Abd-Elmoniem Riad St, Motamayez District, 6th Of October<\/span>\r\n                <\/div>\r\n                <div class=\"office-contacts\">\r\n                    <div class=\"contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\/>\r\n                        <\/svg>\r\n                        <a href=\"tel:+201000896930\">+2 0100 089 6930<\/a>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\/>\r\n                        <\/svg>\r\n                        <a href=\"tel:+201003005545\">+2 010 0300 5545<\/a>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <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\"\/>\r\n                        <\/svg>\r\n                        <a href=\"mailto:info@webbingstone.com\">info@webbingstone.com<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- USA Office -->\r\n            <div class=\"office-card\">\r\n                <div class=\"office-flag\">\ud83c\uddfa\ud83c\uddf8<\/div>\r\n                <h3 class=\"office-country\">\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629<\/h3>\r\n                <div class=\"office-address\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.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\"\/>\r\n                    <\/svg>\r\n                    <span>6621 W Crest View Loop SE, Snoqualmie, WA 98065<\/span>\r\n                <\/div>\r\n                <div class=\"office-contacts\">\r\n                    <div class=\"contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <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\"\/>\r\n                        <\/svg>\r\n                        <a href=\"mailto:info@webbingstone.com\">info@webbingstone.com<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Canada Office -->\r\n            <div class=\"office-card\">\r\n                <div class=\"office-flag\">\ud83c\udde8\ud83c\udde6<\/div>\r\n                <h3 class=\"office-country\">\u0643\u0646\u062f\u0627<\/h3>\r\n                <div class=\"office-address\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.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\"\/>\r\n                    <\/svg>\r\n                    <span>AliudTech Ltd. 17 Edgeridge Terr NW, Calgary, AB T3A6C1<\/span>\r\n                <\/div>\r\n                <div class=\"office-contacts\">\r\n                    <div class=\"contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\/>\r\n                        <\/svg>\r\n                        <a href=\"tel:8557559855\">\u0631\u0642\u0645 \u0645\u062c\u0627\u0646\u064a: 855 755 9855<\/a>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <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\"\/>\r\n                        <\/svg>\r\n                        <a href=\"mailto:info@webbingstone.com\">info@webbingstone.com<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- UK Office -->\r\n            <div class=\"office-card\">\r\n                <div class=\"office-flag\">\ud83c\uddec\ud83c\udde7<\/div>\r\n                <h3 class=\"office-country\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\r\n                <div class=\"office-address\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.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\"\/>\r\n                    <\/svg>\r\n                    <span>6 Grimston Road Anlaby, Hull HU10 6SU<\/span>\r\n                <\/div>\r\n                <div class=\"office-contacts\">\r\n                    <div class=\"contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\/>\r\n                        <\/svg>\r\n                        <a href=\"tel:+447887747722\">+44 788 774 7722<\/a>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <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\"\/>\r\n                        <\/svg>\r\n                        <a href=\"mailto:info@webbingstone.com\">info@webbingstone.com<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- China Office -->\r\n            <div class=\"office-card\">\r\n                <div class=\"office-flag\">\ud83c\udde8\ud83c\uddf3<\/div>\r\n                <h3 class=\"office-country\">\u0627\u0644\u0635\u064a\u0646<\/h3>\r\n                <div class=\"office-address\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.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\"\/>\r\n                    <\/svg>\r\n                    <span>2F, Office No. 212, IBI Incubation Center, Ning'an Street No.490, Jinfeng District, Yinchuan City, Ningxia Province<\/span>\r\n                <\/div>\r\n                <div class=\"office-contacts\">\r\n                    <div class=\"contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <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 4\u0644-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n                        <\/svg>\r\n                        <a href=\"mailto:info@webbingstone.com\">info@webbingstone.com<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98d1b7b e-con-full e-flex e-con e-parent\" data-id=\"98d1b7b\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-9655002 elementor-widget elementor-widget-html\" data-id=\"9655002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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\u0627\u0628\u0639\u0646\u0627 - WebbingStone<\/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\nbody {\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n    background: #f5f5f5;\r\n    padding: 0;\r\n}\r\n\r\n.social-section {\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n    padding: 80px 20px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Animated background particles *\/\r\n.particle {\r\n    position: absolute;\r\n    width: 3px;\r\n    height: 3px;\r\n    background: #EE5946;\r\n    border-radius: 50%;\r\n    opacity: 0.5;\r\n    animation: float-particle 15s infinite ease-in-out;\r\n}\r\n\r\n.particle:nth-child(1) { left: 10%; animation-delay: 0s; animation-duration: 12s; }\r\n.particle:nth-child(2) { left: 25%; animation-delay: 2s; animation-duration: 15s; }\r\n.particle:nth-child(3) { left: 40%; animation-delay: 4s; animation-duration: 18s; }\r\n.particle:nth-child(4) { left: 60%; animation-delay: 1s; animation-duration: 14s; }\r\n.particle:nth-child(5) { left: 75%; animation-delay: 3s; animation-duration: 16s; }\r\n.particle:nth-child(6) { left: 90%; animation-delay: 5s; animation-duration: 13s; }\r\n\r\n@keyframes float-particle {\r\n    0%, 100% {\r\n        transform: translateY(100vh) scale(0);\r\n        opacity: 0;\r\n    }\r\n    10% {\r\n        opacity: 0.5;\r\n    }\r\n    50% {\r\n        transform: translateY(-50vh) scale(2);\r\n        opacity: 0.8;\r\n    }\r\n    90% {\r\n        opacity: 0.5;\r\n    }\r\n}\r\n\r\n.social-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.social-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.social-header h2 {\r\n    font-size: 3.5rem;\r\n    color: white;\r\n    margin-bottom: 15px;\r\n    font-weight: 700;\r\n    position: relative;\r\n    display: inline-block;\r\n    animation: glow-pulse 3s ease-in-out infinite;\r\n}\r\n\r\n.social-header h2::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 100px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, transparent, #EE5946, transparent);\r\n    animation: expand-line 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes expand-line {\r\n    0%, 100% { width: 100px; opacity: 0.5; }\r\n    50% { width: 200px; opacity: 1; }\r\n}\r\n\r\n@keyframes glow-pulse {\r\n    0%, 100% { text-shadow: 0 0 20px rgba(238, 89, 70, 0.5); }\r\n    50% { text-shadow: 0 0 40px rgba(238, 89, 70, 0.8), 0 0 60px rgba(238, 89, 70, 0.4); }\r\n}\r\n\r\n.social-header p {\r\n    font-size: 1.3rem;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    margin-top: 25px;\r\n}\r\n\r\n.social-orbit {\r\n    position: relative;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n    padding: 20px;\r\n}\r\n\r\n.social-icon-wrapper {\r\n    width: 110px;\r\n    height: 110px;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* Entrance animations - all from bottom *\/\r\n.social-icon-wrapper:nth-child(1) { animation: appear-up 0.8s ease-out 0.1s backwards; }\r\n.social-icon-wrapper:nth-child(2) { animation: appear-up 0.8s ease-out 0.2s backwards; }\r\n.social-icon-wrapper:nth-child(3) { animation: appear-up 0.8s ease-out 0.3s backwards; }\r\n.social-icon-wrapper:nth-child(4) { animation: appear-up 0.8s ease-out 0.4s backwards; }\r\n.social-icon-wrapper:nth-child(5) { animation: appear-up 0.8s ease-out 0.5s backwards; }\r\n.social-icon-wrapper:nth-child(6) { animation: appear-up 0.8s ease-out 0.6s backwards; }\r\n.social-icon-wrapper:nth-child(7) { animation: appear-up 0.8s ease-out 0.7s backwards; }\r\n.social-icon-wrapper:nth-child(8) { animation: appear-up 0.8s ease-out 0.8s backwards; }\r\n.social-icon-wrapper:nth-child(9) { animation: appear-up 0.8s ease-out 0.9s backwards; }\r\n\r\n.social-icon-link {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-decoration: none;\r\n    position: relative;\r\n}\r\n\r\n.social-icon-bg {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #EE5946 0%, #d94636 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n    box-shadow: 0 10px 30px rgba(238, 89, 70, 0.4);\r\n    animation: icon-float 3s ease-in-out infinite;\r\n}\r\n\r\n.social-icon-link:hover .social-icon-bg {\r\n    transform: scale(1.2) rotate(360deg);\r\n    box-shadow: 0 20px 50px rgba(238, 89, 70, 0.8);\r\n}\r\n\r\n.social-icon-bg::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -5px;\r\n    left: -5px;\r\n    right: -5px;\r\n    bottom: -5px;\r\n    border-radius: 50%;\r\n    border: 2px solid #EE5946;\r\n    opacity: 0;\r\n    animation: ring-pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ring-pulse {\r\n    0% {\r\n        transform: scale(1);\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: scale(1.5);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n@keyframes icon-float {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(-15px); }\r\n}\r\n\r\n.social-icon-bg svg {\r\n    width: 50px;\r\n    height: 50px;\r\n    fill: white;\r\n    stroke: white;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.social-label {\r\n    position: absolute;\r\n    bottom: -35px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    color: white;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    transition: all 0.3s ease;\r\n    text-align: center;\r\n    background: rgba(238, 89, 70, 0.9);\r\n    padding: 5px 15px;\r\n    border-radius: 20px;\r\n    pointer-events: none;\r\n}\r\n\r\n.social-icon-link:hover .social-label {\r\n    opacity: 1;\r\n    bottom: -40px;\r\n}\r\n\r\n\/* Entrance animations from different directions *\/\r\n@keyframes appear-up {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(50px) scale(0) rotate(180deg);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0) scale(1) rotate(0deg);\r\n    }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 968px) {\r\n    .social-header h2 {\r\n        font-size: 2.5rem;\r\n    }\r\n\r\n    .social-orbit {\r\n        gap: 30px;\r\n    }\r\n\r\n    .social-icon-wrapper {\r\n        width: 90px;\r\n        height: 90px;\r\n    }\r\n\r\n    .social-icon-bg svg {\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 640px) {\r\n    .social-section {\r\n        padding: 60px 15px;\r\n    }\r\n\r\n    .social-header h2 {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .social-header p {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .social-orbit {\r\n        gap: 25px;\r\n        padding: 15px;\r\n    }\r\n\r\n    .social-icon-wrapper {\r\n        width: 75px;\r\n        height: 75px;\r\n    }\r\n\r\n    .social-icon-bg svg {\r\n        width: 38px;\r\n        height: 38px;\r\n    }\r\n\r\n    .social-label {\r\n        font-size: 0.8rem;\r\n        padding: 4px 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .social-orbit {\r\n        gap: 20px;\r\n    }\r\n\r\n    .social-icon-wrapper {\r\n        width: 65px;\r\n        height: 65px;\r\n    }\r\n\r\n    .social-icon-bg svg {\r\n        width: 32px;\r\n        height: 32px;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"social-section\">\r\n\r\n    <!-- Animated particles -->\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n    <div class=\"particle\"><\/div>\r\n\r\n    <div class=\"social-container\">\r\n        <div class=\"social-header\">\r\n            <h2>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\r\n            <p>\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639\u0646\u0627 \u0627\u0644\u0646\u0634\u0637 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0635\u0627\u062a<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"social-orbit\">\r\n\r\n            <!-- Facebook -->\r\n            <div class=\"social-icon-wrapper\">\r\n                <a href=\"https:\/\/www.facebook.com\/webbingstone\" target=\"_blank\" class=\"social-icon-link\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-icon-bg\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3c-1.657 0-3 1.343-3 3v3H9v4h3v10h4V12h3l1-4h-4V5c0-.552.448-1 1-1h3V2z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"social-label\">Facebook<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Instagram -->\r\n            <div class=\"social-icon-wrapper\">\r\n                <a href=\"https:\/\/www.instagram.com\/webbingstone\" target=\"_blank\" class=\"social-icon-link\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-icon-bg\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                            <circle cx=\"18\" cy=\"6\" r=\"1.5\" fill=\"currentColor\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"social-label\">Instagram<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Twitter\/X -->\r\n            <div class=\"social-icon-wrapper\">\r\n                <a href=\"https:\/\/twitter.com\/webbingstone\" target=\"_blank\" class=\"social-icon-link\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-icon-bg\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"social-label\">Twitter<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- LinkedIn -->\r\n            <div class=\"social-icon-wrapper\">\r\n                <a href=\"https:\/\/www.linkedin.com\/company\/webbingstone\" target=\"_blank\" class=\"social-icon-link\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-icon-bg\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"social-label\">LinkedIn<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- TikTok -->\r\n            <div class=\"social-icon-wrapper\">\r\n                <a href=\"https:\/\/www.tiktok.com\/@webbingstone\" target=\"_blank\" class=\"social-icon-link\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-icon-bg\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"social-label\">TikTok<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- YouTube -->\r\n            <div class=\"social-icon-wrapper\">\r\n                <a href=\"https:\/\/www.youtube.com\/@webbingstone\" target=\"_blank\" class=\"social-icon-link\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-icon-bg\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"social-label\">YouTube<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Vimeo -->\r\n            <div class=\"social-icon-wrapper\">\r\n                <a href=\"https:\/\/vimeo.com\/webbingstone\" target=\"_blank\" class=\"social-icon-link\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-icon-bg\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197c1.185-1.044 2.351-2.084 3.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"social-label\">Vimeo<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Behance -->\r\n            <div class=\"social-icon-wrapper\">\r\n                <a href=\"https:\/\/www.behance.net\/webbingstone\" target=\"_blank\" class=\"social-icon-link\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-icon-bg\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M6.5 16.736c1.197 0 2.218-.303 3.047-.896.828-.593 1.247-1.526 1.247-2.771 0-.819-.233-1.531-.684-2.138-.45-.607-1.12-1.02-2.01-1.253.633-.254 1.13-.658 1.49-1.21.36-.552.547-1.203.547-1.954 0-1.142-.387-2.025-1.16-2.65C8.204 3.24 7.176 2.928 5.895 2.928H0v13.808h6.5zm-.633-11.414c.523 0 .94.12 1.251.36.31.24.465.614.465 1.124 0 .538-.165.936-.495 1.193-.33.257-.778.385-1.344.385H2.402V5.322h3.465zm.244 6.523c.614 0 1.097.144 1.45.432.352.288.528.726.528 1.314 0 .588-.178 1.033-.534 1.335-.356.302-.85.453-1.482.453H2.402v-3.534h3.71zM21.252 10.815h-7.807c.042.857.33 1.516.862 1.976.534.46 1.17.69 1.908.69.644 0 1.187-.152 1.63-.457.443-.305.747-.685.913-1.14h2.405c-.307 1.118-.887 2.018-1.74 2.698-.853.68-1.93 1.02-3.23 1.02-1.074 0-2.01-.238-2.808-.715-.798-.477-1.405-1.14-1.82-1.99-.416-.85-.624-1.817-.624-2.903 0-1.086.205-2.053.615-2.903.41-.85 1.008-1.513 1.794-1.99.786-.477 1.715-.715 2.787-.715 1.042 0 1.948.228 2.718.685.77.457 1.36 1.09 1.77 1.899.41.81.615 1.732.615 2.768 0 .343-.028.723-.084 1.14v-.063zm-6.488-3.59c-.47.388-.765.96-.884 1.715h4.592c-.062-.728-.322-1.296-.78-1.704-.458-.408-1.037-.612-1.738-.612-.743 0-1.337.2-1.79.6h.6zM15.15 3.5h5.94v1.32h-5.94z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"social-label\">Behance<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- WhatsApp -->\r\n            <div class=\"social-icon-wrapper\">\r\n                <a href=\"https:\/\/wa.me\/201234567890\" target=\"_blank\" class=\"social-icon-link\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-icon-bg\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"social-label\">WhatsApp<\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"contact-en.php","meta":{"footnotes":""},"class_list":["post-1644","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/comments?post=1644"}],"version-history":[{"count":5,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1644\/revisions"}],"predecessor-version":[{"id":22511,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1644\/revisions\/22511"}],"wp:attachment":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/media?parent=1644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}