{"id":21,"date":"2026-05-19T12:12:51","date_gmt":"2026-05-19T12:12:51","guid":{"rendered":"https:\/\/lis.sa\/?page_id=21"},"modified":"2026-05-31T16:43:13","modified_gmt":"2026-05-31T16:43:13","slug":"%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/lis.sa\/en\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d2b18c e-con-full e-flex e-con e-parent\" data-id=\"6d2b18c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62ba470 elementor-widget elementor-widget-html\" data-id=\"62ba470\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n.lis-inner-hero {\r\n    --lis-hero-bg: #00163F;\r\n    --lis-hero-text: #FFFFFF;\r\n    --lis-hero-accent: #4da6ff;\r\n    --lis-hero-muted: rgba(255, 255, 255, 0.6);\r\n    --lis-font: 'Almarai', sans-serif;\r\n    \r\n    position: relative;\r\n    width: 100%;\r\n    \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0631\u0634\u064a\u0642 (\u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629) *\/\r\n    padding: 160px 0 100px 0;\r\n    background-color: var(--lis-hero-bg);\r\n    font-family: var(--lis-font);\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.lis-inner-hero * {\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 *\/\r\n.lis-hero-bg-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url('https:\/\/lis.sa\/wp-content\/uploads\/2026\/05\/LIS\u0647\u064a\u062f\u0631-scaled.webp');\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    opacity: 1;\r\n    z-index: 0;\r\n    transform: scale(1.05);\r\n    animation: lis-inner-pan 20s linear infinite alternate;\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0631\u0627\u0643\u0628 \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u062f\u0627\u0643\u0646 \u0627\u0644\u0645\u062a\u062f\u0631\u062c \u0644\u062c\u0639\u0644 \u0627\u0644\u0646\u0635 \u0648\u0627\u0636\u062d\u0627\u064b \u0648\u0627\u0644\u062f\u0645\u062c \u0645\u0639 \u0627\u0644\u0634\u0628\u0643\u0629 *\/\r\n.lis-hero-dark-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to bottom, rgba(0, 22, 63, 0.1) 0%, rgba(0, 22, 63, 1) 100%);\r\n    z-index: 1;\r\n}\r\n\r\n.lis-ambient-glow {\r\n    position: absolute;\r\n    top: -50%;\r\n    left: 50%;\r\n    width: 80%;\r\n    height: 100%;\r\n    background: radial-gradient(ellipse at center, rgba(77, 166, 255, 0.15) 0%, transparent 70%);\r\n    transform: translateX(-50%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.lis-cyber-grid-container {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 60%; \/* \u064a\u063a\u0637\u064a \u0627\u0644\u0646\u0635\u0641 \u0627\u0644\u0633\u0641\u0644\u064a \u0641\u0642\u0637 *\/\r\n    overflow: hidden;\r\n    z-index: 2;\r\n    \/* \u0645\u0633\u062d \u0636\u0648\u0626\u064a \u0644\u062f\u0645\u062c \u0627\u0644\u0634\u0628\u0643\u0629 \u0645\u0639 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0639\u0644\u0649 *\/\r\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 100%);\r\n    mask-image: linear-gradient(to bottom, transparent 0%, black 100%);\r\n}\r\n\r\n.lis-cyber-grid {\r\n    position: absolute;\r\n    bottom: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background-image: \r\n        linear-gradient(rgba(77, 166, 255, 0.15) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(77, 166, 255, 0.15) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n    background-position: center bottom;\r\n    \/* \u0627\u0644\u0645\u0646\u0638\u0648\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f *\/\r\n    transform: perspective(600px) rotateX(70deg) translateY(0);\r\n    animation: lis-grid-forward 3s linear infinite;\r\n}\r\n\r\n.lis-inner-content {\r\n    position: relative;\r\n    z-index: 10;\r\n    text-align: center;\r\n    max-width: 800px;\r\n    padding: 0 5%;\r\n}\r\n\r\n.lis-breadcrumb {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 8px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 30px;\r\n    backdrop-filter: blur(5px);\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n    animation: lis-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.2s;\r\n}\r\n\r\n.lis-path-link {\r\n    color: var(--lis-hero-muted);\r\n    text-decoration: none;\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.lis-path-link:hover {\r\n    color: var(--lis-hero-accent);\r\n}\r\n\r\n.lis-path-current {\r\n    color: var(--lis-hero-accent);\r\n    font-size: 0.85rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.lis-breadcrumb i {\r\n    color: rgba(255, 255, 255, 0.3);\r\n    font-size: 0.7rem;\r\n}\r\n\r\n.lis-contact-icon-wrapper {\r\n    position: relative;\r\n    width: 60px;\r\n    height: 60px;\r\n    margin: 0 auto 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 50%;\r\n    background: rgba(77, 166, 255, 0.1);\r\n    color: var(--lis-hero-accent);\r\n    font-size: 1.5rem;\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n    animation: lis-pop-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.4s;\r\n}\r\n\r\n\/* \u0645\u0648\u062c\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 (Pulse) *\/\r\n.lis-contact-icon-wrapper::before,\r\n.lis-contact-icon-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--lis-hero-accent);\r\n    animation: lis-pulse-wave 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\r\n}\r\n.lis-contact-icon-wrapper::after {\r\n    animation-delay: 1s;\r\n}\r\n\r\n.lis-inner-title {\r\n    color: var(--lis-hero-text);\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    margin: 0 0 15px 0;\r\n    letter-spacing: -0.5px;\r\n    transform: translateY(30px);\r\n    opacity: 0;\r\n    animation: lis-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.5s;\r\n}\r\n\r\n.lis-inner-desc {\r\n    color: var(--lis-hero-muted);\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n    animation: lis-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.7s;\r\n}\r\n\r\n@keyframes lis-grid-forward {\r\n    0% { transform: perspective(600px) rotateX(70deg) translateY(0); }\r\n    \/* \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0634\u0628\u0643\u0629 \u0628\u0645\u0642\u062f\u0627\u0631 \u062d\u062c\u0645 \u0627\u0644\u0645\u0631\u0628\u0639 (40px) \u0644\u0639\u0645\u0644 \u062d\u0631\u0643\u0629 \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\u0629 \u0633\u0644\u0633\u0629 *\/\r\n    100% { transform: perspective(600px) rotateX(70deg) translateY(40px); }\r\n}\r\n\r\n@keyframes lis-fade-up {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes lis-pop-in {\r\n    from { opacity: 0; transform: scale(0.5); }\r\n    to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n@keyframes lis-pulse-wave {\r\n    0% { transform: scale(1); opacity: 0.8; }\r\n    100% { transform: scale(1.8); opacity: 0; }\r\n}\r\n\r\n@keyframes lis-inner-pan {\r\n    from { transform: scale(1.05) translate(0, 0); }\r\n    to { transform: scale(1.1) translate(-1%, 1%); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .lis-inner-hero {\r\n        padding: 130px 0 80px 0;\r\n    }\r\n    \r\n    .lis-inner-title {\r\n        font-size: 2.2rem;\r\n    }\r\n    \r\n    .lis-inner-desc {\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .lis-cyber-grid-container {\r\n        height: 50%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"lis-inner-hero\">\r\n    \r\n    <!-- \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0631\u0627\u0643\u0628 -->\r\n    <div class=\"lis-hero-bg-image\"><\/div>\r\n    <div class=\"lis-hero-dark-overlay\"><\/div>\r\n    \r\n    <!-- \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0646\u0627\u0639\u0645\u0629 -->\r\n    <div class=\"lis-ambient-glow\"><\/div>\r\n    \r\n    <!-- \u0627\u0644\u0634\u0628\u0643\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 -->\r\n    <div class=\"lis-cyber-grid-container\">\r\n        <div class=\"lis-cyber-grid\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lis-inner-content\">\r\n        \r\n        <!-- \u0645\u0633\u0627\u0631 \u0627\u0644\u0635\u0641\u062d\u0627\u062a (Breadcrumb) -->\r\n        <div class=\"lis-breadcrumb\">\r\n            <a href=\"https:\/\/lis.sa\/\" class=\"lis-path-link\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n            <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n            <span class=\"lis-path-current\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n        <\/div>\r\n\r\n        <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0646\u0627\u0628\u0636\u0629 -->\r\n        <div class=\"lis-contact-icon-wrapper\">\r\n            <i class=\"fa-solid fa-headset\"><\/i>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0644\u0648\u0635\u0641 -->\r\n        <h1 class=\"lis-inner-title\">\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643\u061f<\/h1>\r\n        <p class=\"lis-inner-desc\">\r\n            \u0641\u0631\u064a\u0642 LIS \u062c\u0627\u0647\u0632 \u0644\u0644\u0631\u062f \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0644\u0627\u0632\u0645 \u0644\u0646\u062c\u0627\u062d \u0645\u0624\u0633\u0633\u062a\u0643.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a601a6 elementor-widget elementor-widget-shortcode\" data-id=\"1a601a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        #lis-contact-wrap {\n            --lis-primary: #00163F;\n            --lis-accent: #4da6ff;\n            --lis-bg-light: #f8fafc;\n            --lis-white: #ffffff;\n            font-family: 'Almarai', sans-serif !important;\n            max-width: 1200px !important;\n            margin: 0 auto !important;\n            padding: 80px 5% !important;\n            box-sizing: border-box !important;\n        }\n\n        #lis-contact-wrap * {\n            box-sizing: border-box !important;\n        }\n\n        .lis-contact-head { \n            text-align: center !important; \n            margin-bottom: 60px !important; \n        }\n\n        .lis-mask-box { \n            overflow: hidden !important; \n            padding-bottom: 10px !important; \n        }\n        \n        .lis-head-tag {\n            display: inline-block !important; \n            color: var(--lis-accent) !important;\n            font-size: 0.85rem !important; \n            font-weight: 800 !important;\n            letter-spacing: 1px !important; \n            background: rgba(77,166,255,0.1) !important;\n            padding: 6px 20px !important; \n            border-radius: 50px !important; \n            margin-bottom: 20px !important;\n            transform: translateY(100%); \n            opacity: 0; \n            transition: all 0.8s ease;\n        }\n\n        .lis-head-title {\n            color: var(--lis-primary) !important; \n            font-size: 2.8rem !important; \n            font-weight: 800 !important;\n            margin: 0 0 15px 0 !important; \n            transform: translateY(100%); \n            opacity: 0; \n            transition: all 0.8s ease 0.1s;\n        }\n\n        .lis-head-desc {\n            color: #64748b !important; \n            font-size: 1.1rem !important; \n            max-width: 700px !important;\n            margin: 0 auto !important; \n            line-height: 1.8 !important; \n            transform: translateY(20px); \n            opacity: 0; \n            transition: all 0.8s ease 0.2s;\n        }\n\n        .lis-split-card {\n            display: flex !important; \n            flex-wrap: wrap !important;\n            background: var(--lis-white) !important; \n            border-radius: 24px !important;\n            box-shadow: 0 25px 60px rgba(0,22,63,0.08) !important; \n            overflow: hidden !important;\n            transform: translateY(40px); \n            opacity: 0; \n            transition: all 1s ease 0.3s;\n        }\n\n        .lis-info-side {\n            flex: 1 1 400px !important; \n            background: var(--lis-primary) !important;\n            padding: 60px 40px !important; \n            color: var(--lis-white) !important; \n            position: relative !important;\n            overflow: hidden !important;\n        }\n\n        .lis-info-side::before {\n            content: '' !important; \n            position: absolute !important; \n            top: -50% !important; \n            inset-inline-start: -50% !important;\n            width: 200% !important; \n            height: 200% !important;\n            background: radial-gradient(circle, rgba(77,166,255,0.15) 0%, transparent 60%) !important;\n            animation: lis-spin-slow 25s linear infinite !important; \n            pointer-events: none !important;\n        }\n        \n        .lis-info-box {\n            display: flex !important; \n            align-items: flex-start !important; \n            gap: 20px !important;\n            margin-bottom: 40px !important; \n            position: relative !important; \n            z-index: 2 !important;\n            inset-inline-start: 0 !important; \n            transition: inset-inline-start 0.3s ease !important;\n        }\n\n        .lis-info-box:hover { \n            inset-inline-start: 10px !important; \n        }\n        \n        .lis-info-icon-wrap {\n            width: 55px !important; \n            height: 55px !important; \n            border-radius: 14px !important;\n            background: rgba(255,255,255,0.05) !important; \n            border: 1px solid rgba(255,255,255,0.1) !important;\n            display: flex !important; \n            align-items: center !important; \n            justify-content: center !important;\n            color: var(--lis-accent) !important; \n            font-size: 1.4rem !important; \n            flex-shrink: 0 !important;\n        }\n\n        .lis-info-content h4 {\n            color: rgba(255,255,255,0.6) !important; \n            font-size: 0.9rem !important; \n            font-weight: 400 !important;\n            margin: 0 0 8px 0 !important;\n        }\n        \n        .lis-phone-number,\n        .lis-email-link,\n        .lis-location-text {\n            color: var(--lis-white) !important; \n            font-size: 1.15rem !important; \n            font-weight: 700 !important;\n            margin: 0 !important; \n            text-align: start !important; \n            display: block !important;\n            text-decoration: none !important;\n            transition: color 0.3s ease !important;\n        }\n\n        .lis-phone-number {\n            direction: ltr !important;\n        }\n\n        .lis-contact-link:hover,\n        .lis-contact-link:focus {\n            color: var(--lis-accent) !important;\n            text-decoration: none !important;\n            outline: none !important;\n        }\n\n        .lis-form-side {\n            flex: 2 1 500px !important; \n            padding: 60px 50px !important; \n            background: var(--lis-white) !important;\n        }\n\n        .lis-form-row {\n            display: flex !important; \n            gap: 20px !important; \n            margin-bottom: 25px !important; \n            flex-wrap: wrap !important;\n        }\n\n        .lis-input-wrap { \n            flex: 1 1 200px !important; \n            position: relative !important; \n            margin-bottom: 25px !important; \n        }\n        \n        #lis-contact-wrap input[type=\"text\"],\n        #lis-contact-wrap input[type=\"email\"],\n        #lis-contact-wrap input[type=\"file\"],\n        #lis-contact-wrap textarea {\n            width: 100% !important; \n            background: var(--lis-bg-light) !important;\n            border: 2px solid transparent !important; \n            border-radius: 14px !important;\n            padding: 0px 20px !important; \n            font-family: inherit !important; \n            font-size: 1rem !important;\n            color: var(--lis-primary) !important; \n            outline: none !important;\n            transition: all 0.3s ease !important; \n            box-shadow: none !important;\n        }\n        \n        #lis-contact-wrap input::placeholder, \n        #lis-contact-wrap textarea::placeholder { \n            color: #94a3b8 !important; \n            font-weight: 400 !important; \n        }\n        \n        #lis-contact-wrap input[type=\"text\"]:focus,\n        #lis-contact-wrap input[type=\"email\"]:focus,\n        #lis-contact-wrap textarea:focus {\n            background: var(--lis-white) !important; \n            border-color: var(--lis-primary) !important;\n            box-shadow: 0 10px 20px rgba(0,22,63,0.05) !important;\n        }\n\n        .lis-file-box {\n            background: var(--lis-bg-light) !important; \n            border: 2px dashed #cbd5e1 !important;\n            border-radius: 14px !important; \n            padding: 20px !important; \n            margin-bottom: 30px !important;\n            transition: all 0.3s ease !important;\n        }\n\n        .lis-file-box:hover { \n            border-color: var(--lis-accent) !important; \n            background: rgba(77,166,255,0.03) !important; \n        }\n\n        .lis-file-label {\n            display: block !important; \n            color: var(--lis-primary) !important; \n            font-weight: 700 !important;\n            margin-bottom: 10px !important; \n            font-size: 0.95rem !important;\n        }\n\n        #lis-contact-wrap input[type=\"file\"] { \n            padding: 10px !important; \n            background: transparent !important; \n        }\n\n        .lis-submit-btn {\n            display: inline-flex !important; \n            align-items: center !important; \n            justify-content: center !important;\n            gap: 12px !important; \n            width: 100% !important; \n            padding: 18px 40px !important;\n            background: var(--lis-primary) !important; \n            color: var(--lis-white) !important;\n            border: none !important; \n            border-radius: 50px !important; \n            font-family: inherit !important;\n            font-size: 1.1rem !important; \n            font-weight: 700 !important; \n            cursor: pointer !important;\n            position: relative !important; \n            overflow: hidden !important; \n            transition: all 0.4s ease !important;\n        }\n        \n        .lis-submit-btn span { \n            position: relative !important; \n            z-index: 2 !important; \n            transition: color 0.4s ease !important; \n        }\n        \n        .lis-submit-btn i { \n            position: relative !important; \n            z-index: 2 !important; \n            transition: all 0.4s ease !important; \n            inset-inline-start: 0 !important;\n        }\n        \n        .lis-submit-btn::before {\n            content: '' !important; \n            position: absolute !important; \n            top: 0 !important; \n            inset-inline-start: -120% !important;\n            width: 120% !important; \n            height: 100% !important; \n            background: var(--lis-accent) !important;\n            transform: skewX(-20deg) !important; \n            transition: inset-inline-start 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; \n            z-index: 1 !important;\n        }\n        \n        .lis-submit-btn:hover::before { \n            inset-inline-start: -10% !important; \n        }\n\n        .lis-submit-btn:hover span, \n        .lis-submit-btn:hover i { \n            color: var(--lis-primary) !important; \n        }\n\n        .lis-submit-btn:hover i { \n            inset-inline-start: 5px !important; \n        }\n\n        .lis-form-visible .lis-head-tag, \n        .lis-form-visible .lis-head-title, \n        .lis-form-visible .lis-head-desc { \n            transform: translateY(0); \n            opacity: 1; \n        }\n\n        .lis-form-visible .lis-split-card { \n            transform: translateY(0); \n            opacity: 1; \n        }\n\n        @media (max-width: 992px) {\n            .lis-split-card { \n                flex-direction: column !important; \n            }\n\n            .lis-info-side, \n            .lis-form-side { \n                padding: 40px 30px !important; \n            }\n\n            .lis-head-title { \n                font-size: 2rem !important; \n            }\n        }\n    <\/style>\n    \n    <div id=\"lis-contact-wrap\">\n        \n        <div class=\"lis-contact-head\">\n            <div class=\"lis-mask-box\">\n                <span class=\"lis-head-tag\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\n            <\/div>\n\n            <div class=\"lis-mask-box\">\n                <h2 class=\"lis-head-title\">\u0644\u0646\u0628\u062f\u0623 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639\u0627\u064b<\/h2>\n            <\/div>\n\n            <p class=\"lis-head-desc\">\n                \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0644\u0627\u0632\u0645 \u0644\u0646\u062c\u0627\u062d\u0643. \u0627\u062a\u0631\u0643 \u0631\u0633\u0627\u0644\u062a\u0643 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u064a \u0623\u0633\u0631\u0639 \u0648\u0642\u062a.\n            <\/p>\n        <\/div>\n\n        <div class=\"lis-split-card\">\n            \n            <div class=\"lis-info-side\">\n\n                <div class=\"lis-info-box\">\n                    <div class=\"lis-info-icon-wrap\">\n                        <i class=\"fa-solid fa-phone\"><\/i>\n                    <\/div>\n\n                    <div class=\"lis-info-content\">\n                        <h4>\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/h4>\n                        <a class=\"lis-phone-number lis-contact-link\" href=\"tel:+966501219955\">\n                            0501219955\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lis-info-box\">\n                    <div class=\"lis-info-icon-wrap\">\n                        <i class=\"fa-brands fa-whatsapp\"><\/i>\n                    <\/div>\n\n                    <div class=\"lis-info-content\">\n                        <h4>\u0648\u0627\u062a\u0633\u0627\u0628<\/h4>\n                        <a \n                            class=\"lis-phone-number lis-contact-link\" \n                            href=\"https:\/\/wa.me\/966501219955\" \n                            target=\"_blank\" \n                            rel=\"noopener noreferrer\"\n                        >\n                            0501219955\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lis-info-box\">\n                    <div class=\"lis-info-icon-wrap\">\n                        <i class=\"fa-solid fa-envelope\"><\/i>\n                    <\/div>\n\n                    <div class=\"lis-info-content\">\n                        <h4>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h4>\n                        <a class=\"lis-email-link lis-contact-link\" href=\"mailto:info@lis.sa\">\n                            info@lis.sa\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lis-info-box\">\n                    <div class=\"lis-info-icon-wrap\">\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\n                    <\/div>\n\n                    <div class=\"lis-info-content\">\n                        <h4>\u0627\u0644\u0645\u0642\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/h4>\n                        <p class=\"lis-location-text\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"lis-form-side\">\n                <form method=\"post\" enctype=\"multipart\/form-data\">\n                    <input type=\"hidden\" id=\"lis_contact_nonce\" name=\"lis_contact_nonce\" value=\"5dfdf29ba2\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/21\" \/>                    \n                    \n                    <div class=\"lis-form-row\">\n                        <div class=\"lis-input-wrap\" style=\"margin-bottom:0 !important;\">\n                            <input type=\"text\" name=\"name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0631\u064a\u0645\" required>\n                        <\/div>\n\n                        <div class=\"lis-input-wrap\" style=\"margin-bottom:0 !important;\">\n                            <input type=\"text\" name=\"phone\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\" required>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"lis-input-wrap\">\n                        <input type=\"email\" name=\"email\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\n                    <\/div>\n                    \n                    <div class=\"lis-input-wrap\">\n                        <textarea name=\"message\" rows=\"4\" placeholder=\"\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643\u061f \u062a\u0641\u0636\u0644 \u0628\u0643\u062a\u0627\u0628\u0629 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\" required><\/textarea>\n                    <\/div>\n                    \n                    <div class=\"lis-file-box\">\n                        <label class=\"lis-file-label\">\n                            <i class=\"fa-solid fa-paperclip\" style=\"margin-inline-end:8px; color:var(--lis-accent);\"><\/i> \n                            \u0625\u0631\u0641\u0627\u0642 \u0645\u0644\u0641 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\n                        <\/label>\n\n                        <input type=\"file\" name=\"attachment\">\n                    <\/div>\n                    \n                    <button type=\"submit\" name=\"lis_submit\" class=\"lis-submit-btn\">\n                        <span>\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u0622\u0646<\/span>\n                        <i class=\"fa-solid fa-arrow-left\"><\/i>\n                    <\/button>\n                <\/form>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const formWrap = document.getElementById('lis-contact-wrap');\n\n            if (formWrap) {\n                const observer = new IntersectionObserver((entries, obs) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('lis-form-visible');\n                            obs.unobserve(entry.target); \n                        }\n                    });\n                }, { threshold: 0.1 });\n\n                observer.observe(formWrap);\n            }\n        });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643\u061f \u0641\u0631\u064a\u0642 LIS \u062c\u0627\u0647\u0632 \u0644\u0644\u0631\u062f \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0644\u0627\u0632\u0645 \u0644\u0646\u062c\u0627\u062d \u0645\u0624\u0633\u0633\u062a\u0643.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lis.sa\/en\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lis.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lis.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lis.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lis.sa\/en\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":16,"href":"https:\/\/lis.sa\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/lis.sa\/en\/wp-json\/wp\/v2\/pages\/21\/revisions\/216"}],"wp:attachment":[{"href":"https:\/\/lis.sa\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}