{"id":18,"date":"2026-03-28T00:45:57","date_gmt":"2026-03-28T00:45:57","guid":{"rendered":"https:\/\/devrise.com.sa\/wordpress_7\/?page_id=18"},"modified":"2026-03-29T01:11:19","modified_gmt":"2026-03-29T01:11:19","slug":"hello-theme-18","status":"publish","type":"page","link":"https:\/\/devrise.com.sa\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ffbaa5b e-con-full e-flex e-con e-parent\" data-id=\"1ffbaa5b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dbf30c elementor-widget elementor-widget-html\" data-id=\"2dbf30c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.site-header {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    height: 120px;\r\n    background: rgba(12, 7, 25, 0);\r\n    backdrop-filter: blur(0px);\r\n    border: none;\r\n    z-index: 10000;\r\n    transition: background 0.35s ease, backdrop-filter 0.35s ease,\r\n                box-shadow 0.35s ease,\r\n                transform 0.35s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n.site-header.scrolled {\r\n    background: rgba(12, 7, 25, 0.97);\r\n    backdrop-filter: blur(14px);\r\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);\r\n    border: none;\r\n}\r\n\r\n.site-header.header-hidden {\r\n    transform: translateY(-100%);\r\n}\r\n\r\n.header-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 clamp(20px, 3vw, 40px);\r\n    display: grid;\r\n    grid-template-columns: auto 1fr auto;\r\n    align-items: center;\r\n    gap: 24px;\r\n    direction: rtl;\r\n}\r\n\r\n.site-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    text-decoration: none;\r\n    height: 100%;\r\n}\r\n\r\n.site-logo img {\r\n    height: 110px;\r\n    width: auto;\r\n    max-width: none;\r\n    object-fit: contain;\r\n    display: block;\r\n    transform: scale(1.35);\r\n    transform-origin: center;\r\n}\r\n\r\n.header-nav {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.nav-links {\r\n    display: flex;\r\n    gap: clamp(18px, 2.5vw, 32px);\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    align-items: center;\r\n    direction: rtl;\r\n}\r\n\r\n.nav-links a {\r\n    font-size: clamp(14px, 1.1vw, 16px);\r\n    font-weight: 500;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n    position: relative;\r\n    padding-bottom: 5px;\r\n    white-space: nowrap;\r\n    direction: ltr;\r\n    unicode-bidi: embed;\r\n}\r\n\r\n.nav-links a::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: var(--gradient-purple);\r\n    transform: scaleX(0);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.nav-links a:hover {\r\n    color: #fff;\r\n}\r\n\r\n.nav-links a:hover::after {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.header-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    direction: ltr;\r\n}\r\n\r\n.lang-switcher {\r\n    display: flex;\r\n    align-items: center;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(205, 175, 254, 0.2);\r\n    border-radius: 30px;\r\n    padding: 4px;\r\n    direction: ltr;\r\n}\r\n\r\n.lang-option {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    padding: 6px 12px;\r\n    border-radius: 20px;\r\n    transition: all 0.3s ease;\r\n    border: 0;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n}\r\n\r\n.lang-option.active {\r\n    background: var(--gradient-purple);\r\n    color: white;\r\n}\r\n\r\n.mobile-menu-toggle {\r\n    display: none;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 5px;\r\n    z-index: 10001;\r\n}\r\n\r\n.mobile-menu-toggle span {\r\n    width: 25px;\r\n    height: 2px;\r\n    background: #fff;\r\n    transition: all 0.3s ease;\r\n    display: block;\r\n}\r\n\r\n@media (max-width: 968px) {\r\n    body {\r\n        padding-top: 82px;\r\n    }\r\n\r\n    .site-header {\r\n        height: 82px;\r\n    }\r\n\r\n    .header-container {\r\n        padding: 0 20px;\r\n        grid-template-columns: auto auto auto;\r\n    }\r\n\r\n    .site-logo img {\r\n        height: clamp(36px, 5vw, 50px);\r\n        max-width: 180px;\r\n        transform: none;\r\n    }\r\n\r\n    .nav-links {\r\n        position: absolute;\r\n        top: 82px;\r\n        left: 16px;\r\n        right: 16px;\r\n        background: rgba(12, 7, 25, 0.98);\r\n        flex-direction: column;\r\n        align-items: center;\r\n        padding: 28px 0;\r\n        gap: 18px;\r\n        transform: translateY(-20px);\r\n        opacity: 0;\r\n        transition: all 0.4s ease;\r\n        pointer-events: none;\r\n        border: 1px solid rgba(205, 175, 254, 0.1);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(14px);\r\n    }\r\n\r\n    .nav-links.open {\r\n        transform: translateY(0);\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .mobile-menu-toggle {\r\n        display: flex;\r\n    }\r\n\r\n    .mobile-menu-toggle.active span:nth-child(1) {\r\n        transform: translateY(7px) rotate(45deg);\r\n    }\r\n\r\n    .mobile-menu-toggle.active span:nth-child(2) {\r\n        opacity: 0;\r\n    }\r\n\r\n    .mobile-menu-toggle.active span:nth-child(3) {\r\n        transform: translateY(-7px) rotate(-45deg);\r\n    }\r\n}\r\n<\/style>\r\n\r\n<header class=\"site-header\" id=\"siteHeader\">\r\n    <div class=\"header-container\">\r\n        <a href=\"#hero\" class=\"site-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/devrise.com.sa\/wp-content\/uploads\/2026\/03\/DevRise-LOGO-W.png\" alt=\"DevRise Logo\">\r\n        <\/a>\r\n\r\n        <nav class=\"header-nav\">\r\n            <ul class=\"nav-links\" id=\"navLinks\">\r\n                <li><a href=\"#hero\" data-ar=\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\" data-en=\"Home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n                <li><a href=\"#about\" data-ar=\"\u0645\u0646 \u0646\u062d\u0646\" data-en=\"About\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\r\n                <li><a href=\"#services\" data-ar=\"\u062e\u062f\u0645\u0627\u062a\u0646\u0627\" data-en=\"Services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\r\n                <li><a href=\"#why\" data-ar=\"\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\" data-en=\"Why Us\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a><\/li>\r\n                <li><a href=\"#contact\" data-ar=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\" data-en=\"Contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <div class=\"header-actions\">\r\n            <div class=\"lang-switcher\">\r\n                <button class=\"lang-option active\" data-lang=\"ar\" type=\"button\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/button>\r\n                <button class=\"lang-option\" data-lang=\"en\" type=\"button\">EN<\/button>\r\n            <\/div>\r\n            <button class=\"mobile-menu-toggle\" id=\"menuToggle\" aria-label=\"Menu\">\r\n                <span><\/span><span><\/span><span><\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/header>\r\n\r\n<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    const header = document.getElementById('siteHeader');\r\n    const navLinks = document.getElementById('navLinks');\r\n    const menuToggle = document.getElementById('menuToggle');\r\n    const langBtns = document.querySelectorAll('.lang-option');\r\n\r\n    function applyLanguage(lang) {\r\n        document.documentElement.classList.remove('lang-ar', 'lang-en');\r\n        document.documentElement.classList.add('lang-' + lang);\r\n        document.documentElement.setAttribute('lang', lang);\r\n        localStorage.setItem('devriseLang', lang);\r\n\r\n        langBtns.forEach(b => b.classList.toggle('active', b.dataset.lang === lang));\r\n\r\n        document.querySelectorAll('[data-ar][data-en]').forEach(el => {\r\n            el.textContent = el.getAttribute('data-' + lang) || el.textContent;\r\n        });\r\n\r\n        window.dispatchEvent(new CustomEvent('languageChanged', { detail: { lang } }));\r\n    }\r\n\r\n    langBtns.forEach(btn => btn.addEventListener('click', () => applyLanguage(btn.dataset.lang)));\r\n\r\n    applyLanguage(localStorage.getItem('devriseLang') || 'ar');\r\n\r\n    menuToggle.addEventListener('click', () => {\r\n        menuToggle.classList.toggle('active');\r\n        navLinks.classList.toggle('open');\r\n    });\r\n\r\n    let lastScroll = window.pageYOffset;\r\n\r\n    window.addEventListener('scroll', () => {\r\n        const cur = window.pageYOffset;\r\n        header.classList.toggle('scrolled', cur > 20);\r\n        header.classList.toggle('header-hidden', cur > lastScroll && cur > 140);\r\n        lastScroll = cur;\r\n    }, { passive: true });\r\n\r\n    document.addEventListener('click', e => {\r\n        const a = e.target.closest('a[href^=\"#\"]');\r\n        if (!a) return;\r\n        const target = document.querySelector(a.getAttribute('href'));\r\n        if (!target) return;\r\n        e.preventDefault();\r\n        window.scrollTo({\r\n            top: target.getBoundingClientRect().top + window.pageYOffset - header.offsetHeight,\r\n            behavior: 'smooth'\r\n        });\r\n        navLinks.classList.remove('open');\r\n        menuToggle.classList.remove('active');\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-1094f3cb e-con-full e-flex e-con e-parent\" data-id=\"1094f3cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cb49a0e elementor-widget elementor-widget-html\" data-id=\"6cb49a0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n.hero-section {\r\n    min-height: calc(100vh - 96px);\r\n    display: flex;\r\n    align-items: center;\r\n    background: var(--dark-bg);\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 140px 0 100px;\r\n    width: 100%;\r\n}\r\n\r\n.hero-content {\r\n    max-width: 900px;\r\n    text-align: right;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 20px;\r\n    background: rgba(205, 175, 254, 0.1);\r\n    border: 1px solid rgba(205, 175, 254, 0.2);\r\n    border-radius: 30px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--light-purple);\r\n    margin-bottom: 32px;\r\n    direction: ltr;\r\n}\r\n\r\n.hero-badge svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: var(--light-purple);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.hero-title {\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: clamp(42px, 7vw, 72px);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin-bottom: 32px;\r\n    letter-spacing: -0.02em;\r\n    text-align: right;\r\n    direction: rtl;\r\n}\r\n\r\n\r\n.lang-en .hero-title {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.hero-title .gradient-text {\r\n    background: var(--gradient-purple);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    display: inline-block;\r\n}\r\n\r\n.hero-description {\r\n    font-size: clamp(18px, 2.5vw, 24px);\r\n    line-height: 1.7;\r\n    color: var(--text-secondary);\r\n    margin-bottom: 48px;\r\n    max-width: 700px;\r\n    text-align: right;\r\n    direction: rtl;\r\n}\r\n\r\n.lang-en .hero-description {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.hero-buttons {\r\n    display: flex;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n    justify-content: flex-start;\r\n}\r\n\r\n.hero-button-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: clamp(14px, 1.8vw, 18px) clamp(28px, 3vw, 40px);\r\n    background: var(--gradient-purple);\r\n    color: white;\r\n    font-family: 'IBM Plex Sans Arabic', sans-serif;\r\n    font-size: clamp(16px, 1.5vw, 18px);\r\n    font-weight: 700;\r\n    border: none;\r\n    border-radius: 14px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n    direction: ltr;\r\n}\r\n\r\n.hero-button-primary::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, #5a0fff 0%, #d5b1ff 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.hero-button-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 16px 32px rgba(69, 0, 249, 0.5);\r\n}\r\n\r\n.hero-button-primary:hover::before { opacity: 1; }\r\n\r\n.hero-button-primary span,\r\n.hero-button-primary svg {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.hero-button-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: clamp(14px, 1.8vw, 18px) clamp(28px, 3vw, 40px);\r\n    background: transparent;\r\n    color: var(--text-primary);\r\n    font-family: 'IBM Plex Sans Arabic', sans-serif;\r\n    font-size: clamp(16px, 1.5vw, 18px);\r\n    font-weight: 700;\r\n    border: 2px solid rgba(205, 175, 254, 0.3);\r\n    border-radius: 14px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    direction: ltr;\r\n}\r\n\r\n.hero-button-secondary:hover {\r\n    border-color: var(--primary-purple);\r\n    background: rgba(69, 0, 249, 0.1);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n@media (max-width: 968px) {\r\n    .hero-section { min-height: auto; padding: 120px 0 80px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero-section { padding: 110px 0 70px; }\r\n    .hero-buttons { flex-direction: column; }\r\n    .hero-button-primary,\r\n    .hero-button-secondary { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst heroT = {\r\n    ar: {\r\n        heroBadge:  '\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629',\r\n        heroTitle1: '\u0646\u0628\u0646\u064a',\r\n        heroTitle2: '\u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629',\r\n        heroTitle3: '\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0644\u0646\u062c\u0627\u062d \u0623\u0639\u0645\u0627\u0644\u0643',\r\n        heroDesc:   '\u0646\u062d\u0648\u0651\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0631\u0642\u0645\u064a \u0645\u0628\u062a\u0643\u0631. \u0645\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u060c \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0634\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a.',\r\n        heroBtn1:   '\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643',\r\n        heroBtn2:   '\u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627'\r\n    },\r\n    en: {\r\n        heroBadge:  'Advanced Digital Solutions',\r\n        heroTitle1: 'We Build',\r\n        heroTitle2: 'Digital Experiences',\r\n        heroTitle3: 'That Elevate Your Business',\r\n        heroDesc:   'We turn your ideas into innovative digital reality. From website design to application development, we provide complete solutions that help your business grow and stand out in the digital world.',\r\n        heroBtn1:   'Start Your Project',\r\n        heroBtn2:   'Explore Our Services'\r\n    }\r\n};\r\n\r\nfunction updateHero(lang) {\r\n    document.querySelectorAll('[data-hero-t]').forEach(el => {\r\n        const v = heroT[lang]?.[el.dataset.heroT];\r\n        if (v !== undefined) el.textContent = v;\r\n    });\r\n}\r\n\r\nwindow.addEventListener('languageChanged', e => updateHero(e.detail.lang));\r\ndocument.addEventListener('DOMContentLoaded', () => updateHero(localStorage.getItem('devriseLang') || 'ar'));\r\n<\/script>\r\n\r\n<section class=\"hero-section\" id=\"hero\">\r\n    <div class=\"devrise-container\">\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-badge\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n                <span data-hero-t=\"heroBadge\">\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"hero-title\">\r\n                <span data-hero-t=\"heroTitle1\">\u0646\u0628\u0646\u064a<\/span>\r\n                <span class=\"gradient-text\" data-hero-t=\"heroTitle2\"> \u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629<\/span><br>\r\n                <span data-hero-t=\"heroTitle3\">\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0644\u0646\u062c\u0627\u062d \u0623\u0639\u0645\u0627\u0644\u0643<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"hero-description\" data-hero-t=\"heroDesc\">\r\n                \u0646\u062d\u0648\u0651\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0631\u0642\u0645\u064a \u0645\u0628\u062a\u0643\u0631. \u0645\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u060c \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0634\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a.\r\n            <\/p>\r\n\r\n            <div class=\"hero-buttons\">\r\n                <a href=\"#contact\" class=\"hero-button-primary\">\r\n                    <span data-hero-t=\"heroBtn1\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/span>\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n                        <polyline points=\"12 5 19 12 12 19\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n                <a href=\"#services\" class=\"hero-button-secondary\">\r\n                    <span data-hero-t=\"heroBtn2\">\u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30a48c59 e-con-full e-flex e-con e-parent\" data-id=\"30a48c59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bcc3e12 elementor-widget elementor-widget-html\" data-id=\"6bcc3e12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n.about-section {\r\n    background: var(--gradient-dark);\r\n    position: relative;\r\n}\r\n\r\n.about-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: clamp(40px, 6vw, 80px);\r\n    align-items: center;\r\n    direction: rtl;\r\n}\r\n\r\n.about-content,\r\n.about-visual {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.about-visual {\r\n    display: grid;\r\n    gap: 24px;\r\n}\r\n\r\n.about-title {\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: clamp(32px, 4.5vw, 52px);\r\n    font-weight: 800;\r\n    color: var(--text-primary);\r\n    margin-bottom: 28px;\r\n    text-align: right;\r\n    direction: rtl;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.02em;\r\n}\r\n\r\n.lang-en .about-title {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.about-title .gradient-text {\r\n    background: var(--gradient-purple);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.about-text {\r\n    font-size: clamp(16px, 1.5vw, 19px);\r\n    line-height: 1.9;\r\n    color: var(--text-secondary);\r\n    text-align: right;\r\n    direction: rtl;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.lang-en .about-text {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.about-text strong {\r\n    color: var(--light-purple);\r\n    font-weight: 700;\r\n}\r\n\r\n.about-features {\r\n    display: grid;\r\n    gap: 20px;\r\n    margin-top: 40px;\r\n}\r\n\r\n.feature-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    padding: 20px;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(205, 175, 254, 0.08);\r\n    border-radius: 12px;\r\n    transition: all 0.3s ease;\r\n    direction: rtl;\r\n}\r\n\r\n.feature-item:hover {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border-color: rgba(69, 0, 249, 0.3);\r\n}\r\n\r\n.feature-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    min-width: 48px;\r\n    border-radius: 10px;\r\n    background: var(--gradient-purple);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.feature-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    stroke: white;\r\n    stroke-width: 2.5;\r\n    fill: none;\r\n}\r\n\r\n.feature-content {\r\n    flex: 1;\r\n    text-align: right;\r\n}\r\n\r\n.lang-en .feature-content {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.feature-title {\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: clamp(15px, 1.3vw, 18px);\r\n    font-weight: 700;\r\n    color: var(--text-primary);\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.feature-description {\r\n    font-size: clamp(13px, 1.1vw, 15px);\r\n    line-height: 1.6;\r\n    color: var(--text-secondary);\r\n}\r\n\r\n.about-info-box {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(205, 175, 254, 0.1);\r\n    border-radius: 16px;\r\n    padding: clamp(24px, 3vw, 32px);\r\n    text-align: right;\r\n    direction: rtl;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.about-info-box:hover {\r\n    border-color: var(--primary-purple);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.lang-en .about-info-box {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.about-info-title {\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: clamp(20px, 2vw, 26px);\r\n    font-weight: 700;\r\n    color: var(--text-primary);\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.about-info-text {\r\n    font-size: clamp(14px, 1.2vw, 16px);\r\n    color: var(--text-secondary);\r\n    line-height: 1.8;\r\n}\r\n\r\n@media (max-width: 968px) {\r\n    .about-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n    }\r\n    .about-visual { order: -1; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst aboutT = {\r\n    ar: {\r\n        aboutBadge:         '\u0645\u0646 \u0646\u062d\u0646',\r\n        aboutTitle1:        '\u0646\u0628\u0646\u064a',\r\n        aboutTitle2:        '\u0645\u0633\u062a\u0642\u0628\u0644',\r\n        aboutTitle3:        '\u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629',\r\n        aboutText1:         '\u0641\u064a DevRise \u0646\u062d\u0646 \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a. \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0646\u0642\u062f\u0645 \u062a\u062c\u0627\u0631\u0628 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0643.',\r\n        aboutText2:         '\u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u064a\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0639\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633\u060c \u0645\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0627\u062a \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a. \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0641\u0631\u064a\u062f \u0648\u064a\u0633\u062a\u062d\u0642 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u062e\u0635\u0635\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647 \u0627\u0644\u062e\u0627\u0635\u0629.',\r\n        aboutFeature1Title: '\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u064a\u0629',\r\n        aboutFeature1Desc:  '\u0646\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629',\r\n        aboutFeature2Title: '\u0627\u0628\u062a\u0643\u0627\u0631 \u0645\u0633\u062a\u0645\u0631',\r\n        aboutFeature2Desc:  '\u0646\u0648\u0627\u0643\u0628 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a',\r\n        aboutBox1Title:     '\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629',\r\n        aboutBox1Desc:      '\u0646\u0635\u0645\u0645 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0623\u0647\u062f\u0627\u0641\u0647 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0648\u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641.',\r\n        aboutBox2Title:     '\u062a\u0646\u0641\u064a\u0630 \u0627\u062d\u062a\u0631\u0627\u0641\u064a',\r\n        aboutBox2Desc:      '\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u062d\u062a\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642\u060c \u0646\u0647\u062a\u0645 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u064a \u062a\u0635\u0646\u0639 \u062a\u062c\u0631\u0628\u0629 \u0631\u0642\u0645\u064a\u0629 \u0642\u0648\u064a\u0629 \u0648\u0645\u062a\u0646\u0627\u0633\u0642\u0629.'\r\n    },\r\n    en: {\r\n        aboutBadge:         'About Us',\r\n        aboutTitle1:        'We Build',\r\n        aboutTitle2:        'the Future of',\r\n        aboutTitle3:        'Your Digital Business',\r\n        aboutText1:         'At DevRise we specialize in delivering integrated digital solutions that help businesses grow in the digital world. We combine creativity and technology to deliver exceptional experiences that reflect your brand identity and achieve your goals.',\r\n        aboutText2:         'Our team of professionals works passionately to transform your ideas into reality \u2014 from website design to visual identity and digital content management. We believe every project is unique and deserves tailored solutions.',\r\n        aboutFeature1Title: 'High Standards',\r\n        aboutFeature1Desc:  'We commit to the highest standards of quality and professionalism',\r\n        aboutFeature2Title: 'Continuous Innovation',\r\n        aboutFeature2Desc:  'We keep up with the latest technologies and trends',\r\n        aboutBox1Title:     'Custom Solutions',\r\n        aboutBox1Desc:      'We design every project to match its actual goals, brand identity, and target audience.',\r\n        aboutBox2Title:     'Professional Execution',\r\n        aboutBox2Desc:      'From idea to launch, we focus on the details that make a digital experience powerful and cohesive.'\r\n    }\r\n};\r\n\r\nfunction updateAbout(lang) {\r\n    document.querySelectorAll('[data-about-t]').forEach(el => {\r\n        const v = aboutT[lang]?.[el.dataset.aboutT];\r\n        if (v !== undefined) el.textContent = v;\r\n    });\r\n}\r\n\r\nwindow.addEventListener('languageChanged', e => updateAbout(e.detail.lang));\r\ndocument.addEventListener('DOMContentLoaded', () => updateAbout(localStorage.getItem('devriseLang') || 'ar'));\r\n<\/script>\r\n\r\n<section class=\"about-section devrise-section\" id=\"about\">\r\n    <div class=\"devrise-container\">\r\n        <div class=\"about-container\">\r\n            <div class=\"about-content\">\r\n                <div class=\"badge\" style=\"margin-bottom:24px\">\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n                        <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                    <\/svg>\r\n                    <span data-about-t=\"aboutBadge\">\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"about-title\">\r\n                    <span data-about-t=\"aboutTitle1\">\u0646\u0628\u0646\u064a<\/span>\r\n                    <span class=\"gradient-text\" data-about-t=\"aboutTitle2\"> \u0645\u0633\u062a\u0642\u0628\u0644<\/span><br>\r\n                    <span data-about-t=\"aboutTitle3\">\u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"about-text\" data-about-t=\"aboutText1\">\r\n                    \u0641\u064a <strong>DevRise<\/strong> \u0646\u062d\u0646 \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a. \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0646\u0642\u062f\u0645 \u062a\u062c\u0627\u0631\u0628 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0643.\r\n                <\/p>\r\n\r\n                <p class=\"about-text\" data-about-t=\"aboutText2\">\r\n                    \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u064a\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0639\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633\u060c \u0645\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0627\u062a \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a. \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0641\u0631\u064a\u062f \u0648\u064a\u0633\u062a\u062d\u0642 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u062e\u0635\u0635\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647 \u0627\u0644\u062e\u0627\u0635\u0629.\r\n                <\/p>\r\n\r\n                <div class=\"about-features\">\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n                                <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"feature-content\">\r\n                            <h4 class=\"feature-title\" data-about-t=\"aboutFeature1Title\">\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u064a\u0629<\/h4>\r\n                            <p class=\"feature-description\" data-about-t=\"aboutFeature1Desc\">\u0646\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"feature-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                                <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"feature-content\">\r\n                            <h4 class=\"feature-title\" data-about-t=\"aboutFeature2Title\">\u0627\u0628\u062a\u0643\u0627\u0631 \u0645\u0633\u062a\u0645\u0631<\/h4>\r\n                            <p class=\"feature-description\" data-about-t=\"aboutFeature2Desc\">\u0646\u0648\u0627\u0643\u0628 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"about-visual\">\r\n                <div class=\"about-info-box\">\r\n                    <h3 class=\"about-info-title\" data-about-t=\"aboutBox1Title\">\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629<\/h3>\r\n                    <p class=\"about-info-text\" data-about-t=\"aboutBox1Desc\">\u0646\u0635\u0645\u0645 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0623\u0647\u062f\u0627\u0641\u0647 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0648\u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641.<\/p>\r\n                <\/div>\r\n                <div class=\"about-info-box\">\r\n                    <h3 class=\"about-info-title\" data-about-t=\"aboutBox2Title\">\u062a\u0646\u0641\u064a\u0630 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h3>\r\n                    <p class=\"about-info-text\" data-about-t=\"aboutBox2Desc\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u062d\u062a\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642\u060c \u0646\u0647\u062a\u0645 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u064a \u062a\u0635\u0646\u0639 \u062a\u062c\u0631\u0628\u0629 \u0631\u0642\u0645\u064a\u0629 \u0642\u0648\u064a\u0629 \u0648\u0645\u062a\u0646\u0627\u0633\u0642\u0629.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18a50e62 e-con-full e-flex e-con e-parent\" data-id=\"18a50e62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35640480 elementor-widget elementor-widget-html\" data-id=\"35640480\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n.services-section {\r\n    background: var(--gradient-dark);\r\n    position: relative;\r\n}\r\n\r\n.services-header {\r\n    text-align: right;\r\n    direction: rtl;\r\n    margin-bottom: 64px;\r\n}\r\n\r\n.services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 340px), 1fr));\r\n    gap: clamp(20px, 2.5vw, 32px);\r\n    direction: rtl;\r\n}\r\n\r\n.service-card {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(205, 175, 254, 0.1);\r\n    border-radius: 20px;\r\n    padding: clamp(28px, 3.5vw, 40px) clamp(22px, 3vw, 32px);\r\n    text-align: right;\r\n    direction: rtl;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n}\r\n\r\n.service-card:hover {\r\n    border-color: var(--primary-purple);\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 24px 48px rgba(69, 0, 249, 0.25);\r\n}\r\n\r\n.service-icon {\r\n    width: 72px;\r\n    height: 72px;\r\n    border-radius: 18px;\r\n    background: var(--gradient-purple);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 28px;\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: transform 0.4s ease;\r\n    overflow: hidden;\r\n}\r\n\r\n.service-card:hover .service-icon {\r\n    transform: scale(1.1) rotate(-5deg);\r\n}\r\n\r\n.service-icon svg {\r\n    width: 34px;\r\n    height: 34px;\r\n    stroke: #fff;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    fill: none;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.service-number {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 32px;\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: var(--light-purple);\r\n    opacity: 0.5;\r\n}\r\n\r\n.service-title {\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: clamp(20px, 2vw, 26px);\r\n    font-weight: 700;\r\n    color: var(--text-primary);\r\n    margin-bottom: 16px;\r\n    position: relative;\r\n    z-index: 1;\r\n    line-height: 1.4;\r\n    direction: rtl;\r\n}\r\n\r\n.lang-en .service-title {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.service-description {\r\n    font-size: clamp(15px, 1.3vw, 17px);\r\n    line-height: 1.8;\r\n    color: var(--text-secondary);\r\n    position: relative;\r\n    z-index: 1;\r\n    direction: rtl;\r\n}\r\n\r\n.lang-en .service-description {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .services-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 24px;\r\n    }\r\n    .service-card { padding: 32px 24px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst servicesT = {\r\n    ar: {\r\n        servicesBadge:    '\u062e\u062f\u0645\u0627\u062a\u0646\u0627',\r\n        servicesTitle1:   '\u062d\u0644\u0648\u0644',\r\n        servicesTitle2:   '\u0634\u0627\u0645\u0644\u0629',\r\n        servicesTitle3:   '\u0644\u0646\u062c\u0627\u062d\u0643 \u0627\u0644\u0631\u0642\u0645\u064a',\r\n        servicesSubtitle: '\u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0633\u0648\u0642',\r\n        s1Title: '\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639',\r\n        s1Desc:  '\u0646\u0628\u0646\u064a \u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u062a\u0642\u062f\u0645 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0634\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a.',\r\n        s2Title: '\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629',\r\n        s2Desc:  '\u0646\u0635\u0645\u0645 \u0647\u0648\u064a\u0627\u062a \u0628\u0635\u0631\u064a\u0629 \u0642\u0648\u064a\u0629 \u0648\u0645\u0645\u064a\u0632\u0629 \u062a\u0639\u0628\u0631 \u0639\u0646 \u0634\u062e\u0635\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062c\u0639\u0644\u0647\u0627 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u0641\u064a \u0623\u0630\u0647\u0627\u0646 \u062c\u0645\u0647\u0648\u0631\u0643.',\r\n        s3Title: '\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a',\r\n        s3Desc:  '\u0646\u0642\u062f\u0645 \u0645\u062d\u062a\u0648\u0649 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0639\u0632\u0632 \u062d\u0636\u0648\u0631\u0643 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u064a\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0643 \u0628\u0637\u0631\u064a\u0642\u0629 \u0641\u0639\u0651\u0627\u0644\u0629 \u0648\u062c\u0630\u0627\u0628\u0629 \u062a\u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629.',\r\n        s4Title: '\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645',\r\n        s4Desc:  '\u0646\u0635\u0645\u0645 \u062a\u062c\u0627\u0631\u0628 UI\/UX \u0645\u062a\u0642\u0646\u0629 \u062a\u062c\u0639\u0644 \u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0639 \u0645\u0646\u062a\u062c\u0643 \u0633\u0644\u0633\u0627\u064b \u0648\u0645\u0645\u062a\u0639\u0627\u064b\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u0648\u0644\u0627\u0621 \u0648\u064a\u0632\u064a\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a.',\r\n        s5Title: '\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644',\r\n        s5Desc:  '\u0646\u0637\u0648\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u0648\u0628\u0627\u064a\u0644 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0648\u0641\u0631 \u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0643 \u0648\u062a\u0639\u0632\u0632 \u062a\u0648\u0627\u062c\u062f\u0643 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0631\u0642\u0645\u064a.',\r\n        s6Title: '\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629',\r\n        s6Desc:  '\u0646\u0642\u062f\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0648\u062a\u062d\u062f\u064a\u062f \u0623\u0641\u0636\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0645\u0634\u0631\u0648\u0639\u0643.'\r\n    },\r\n    en: {\r\n        servicesBadge:    'Services',\r\n        servicesTitle1:   'Complete',\r\n        servicesTitle2:   'Solutions',\r\n        servicesTitle3:   'for Your Digital Success',\r\n        servicesSubtitle: 'We provide a full range of advanced digital services that help your business grow and stand out in the market.',\r\n        s1Title: 'Web Design & Development',\r\n        s1Desc:  'We build modern and fast websites that deliver an exceptional user experience and reflect your brand professionally.',\r\n        s2Title: 'Brand Identity',\r\n        s2Desc:  'We create strong and distinctive visual identities that express your brand personality and make it memorable.',\r\n        s3Title: 'Digital Content Management',\r\n        s3Desc:  'We provide professional content that strengthens your digital presence and engages your audience effectively.',\r\n        s4Title: 'UI\/UX Development',\r\n        s4Desc:  'We design refined UI\/UX experiences that make user interaction smooth and enjoyable, increasing loyalty and conversions.',\r\n        s5Title: 'Mobile Applications',\r\n        s5Desc:  'We develop innovative and user-friendly mobile apps that deliver real value and strengthen your digital market presence.',\r\n        s6Title: 'Technical Consulting',\r\n        s6Desc:  'We provide specialized technical consulting to help you make the right decisions and choose the best solutions for your project.'\r\n    }\r\n};\r\n\r\nfunction updateServices(lang) {\r\n    document.querySelectorAll('[data-services-t]').forEach(el => {\r\n        const v = servicesT[lang]?.[el.dataset.servicesT];\r\n        if (v !== undefined) el.textContent = v;\r\n    });\r\n}\r\n\r\nwindow.addEventListener('languageChanged', e => updateServices(e.detail.lang));\r\ndocument.addEventListener('DOMContentLoaded', () => updateServices(localStorage.getItem('devriseLang') || 'ar'));\r\n<\/script>\r\n\r\n<section class=\"services-section devrise-section\" id=\"services\">\r\n    <div class=\"devrise-container\">\r\n        <div class=\"services-header\">\r\n            <div class=\"badge\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\r\n                    <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/>\r\n                    <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/>\r\n                <\/svg>\r\n                <span data-services-t=\"servicesBadge\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n            <\/div>\r\n            <h2 class=\"section-title\">\r\n                <span data-services-t=\"servicesTitle1\">\u062d\u0644\u0648\u0644<\/span>\r\n                <span class=\"gradient-text\" data-services-t=\"servicesTitle2\"> \u0634\u0627\u0645\u0644\u0629<\/span>\r\n                <span data-services-t=\"servicesTitle3\"> \u0644\u0646\u062c\u0627\u062d\u0643 \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\r\n            <\/h2>\r\n            <p class=\"section-subtitle\" data-services-t=\"servicesSubtitle\">\r\n                \u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0633\u0648\u0642\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"services-grid\">\r\n            <div class=\"service-card\">\r\n                <span class=\"service-number\">01<\/span>\r\n                <div class=\"service-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"9\" x2=\"22\" y2=\"9\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"service-title\" data-services-t=\"s1Title\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/h3>\r\n                <p class=\"service-description\" data-services-t=\"s1Desc\">\u0646\u0628\u0646\u064a \u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u062a\u0642\u062f\u0645 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0634\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <span class=\"service-number\">02<\/span>\r\n                <div class=\"service-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"service-title\" data-services-t=\"s2Title\">\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/h3>\r\n                <p class=\"service-description\" data-services-t=\"s2Desc\">\u0646\u0635\u0645\u0645 \u0647\u0648\u064a\u0627\u062a \u0628\u0635\u0631\u064a\u0629 \u0642\u0648\u064a\u0629 \u0648\u0645\u0645\u064a\u0632\u0629 \u062a\u0639\u0628\u0631 \u0639\u0646 \u0634\u062e\u0635\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062c\u0639\u0644\u0647\u0627 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u0641\u064a \u0623\u0630\u0647\u0627\u0646 \u062c\u0645\u0647\u0648\u0631\u0643.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <span class=\"service-number\">03<\/span>\r\n                <div class=\"service-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14,2 14,8 20,8\"\/><line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/><line x1=\"9\" y1=\"12\" x2=\"15\" y2=\"12\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"service-title\" data-services-t=\"s3Title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\r\n                <p class=\"service-description\" data-services-t=\"s3Desc\">\u0646\u0642\u062f\u0645 \u0645\u062d\u062a\u0648\u0649 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0639\u0632\u0632 \u062d\u0636\u0648\u0631\u0643 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u064a\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0643 \u0628\u0637\u0631\u064a\u0642\u0629 \u0641\u0639\u0651\u0627\u0644\u0629 \u0648\u062c\u0630\u0627\u0628\u0629 \u062a\u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <span class=\"service-number\">04<\/span>\r\n                <div class=\"service-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 3v18\"\/><path d=\"M15 3v18\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"service-title\" data-services-t=\"s4Title\">\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/h3>\r\n                <p class=\"service-description\" data-services-t=\"s4Desc\">\u0646\u0635\u0645\u0645 \u062a\u062c\u0627\u0631\u0628 UI\/UX \u0645\u062a\u0642\u0646\u0629 \u062a\u062c\u0639\u0644 \u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0639 \u0645\u0646\u062a\u062c\u0643 \u0633\u0644\u0633\u0627\u064b \u0648\u0645\u0645\u062a\u0639\u0627\u064b\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u0648\u0644\u0627\u0621 \u0648\u064a\u0632\u064a\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <span class=\"service-number\">05<\/span>\r\n                <div class=\"service-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"service-title\" data-services-t=\"s5Title\">\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644<\/h3>\r\n                <p class=\"service-description\" data-services-t=\"s5Desc\">\u0646\u0637\u0648\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u0648\u0628\u0627\u064a\u0644 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0648\u0641\u0631 \u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0643 \u0648\u062a\u0639\u0632\u0632 \u062a\u0648\u0627\u062c\u062f\u0643 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0631\u0642\u0645\u064a.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <span class=\"service-number\">06<\/span>\r\n                <div class=\"service-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"7.5,4.2 12,6.5 16.5,4.2\"\/><polyline points=\"7.5,19.8 7.5,14.5 3,12\"\/><polyline points=\"21,12 16.5,14.5 16.5,19.8\"\/><polyline points=\"3.27,6.96 12,12.01 20.73,6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"service-title\" data-services-t=\"s6Title\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/h3>\r\n                <p class=\"service-description\" data-services-t=\"s6Desc\">\u0646\u0642\u062f\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0648\u062a\u062d\u062f\u064a\u062f \u0623\u0641\u0636\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0645\u0634\u0631\u0648\u0639\u0643.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42d58da2 e-con-full e-flex e-con e-parent\" data-id=\"42d58da2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2955ff02 elementor-widget elementor-widget-html\" data-id=\"2955ff02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n.why-section {\r\n    background: var(--dark-bg);\r\n    position: relative;\r\n}\r\n\r\n.why-header {\r\n    text-align: right;\r\n    direction: rtl;\r\n    margin-bottom: 64px;\r\n}\r\n\r\n.why-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 30vw, 340px), 1fr));\r\n    gap: clamp(20px, 2.5vw, 32px);\r\n    direction: rtl;\r\n}\r\n\r\n.why-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(205, 175, 254, 0.08);\r\n    border-radius: 20px;\r\n    padding: clamp(28px, 3.5vw, 40px) clamp(22px, 3vw, 32px);\r\n    text-align: right;\r\n    direction: rtl;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.why-card:hover {\r\n    border-color: rgba(69, 0, 249, 0.3);\r\n    transform: translateY(-8px);\r\n    background: rgba(255, 255, 255, 0.04);\r\n}\r\n\r\n.why-icon {\r\n    width: 68px;\r\n    height: 68px;\r\n    min-width: 68px;\r\n    min-height: 68px;\r\n    border-radius: 16px;\r\n    background: linear-gradient(135deg, rgba(69,0,249,0.15) 0%, rgba(205,175,254,0.15) 100%);\r\n    border: 1px solid rgba(205, 175, 254, 0.2);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 28px;\r\n    transition: all 0.4s ease;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.why-card:hover .why-icon {\r\n    background: var(--gradient-purple);\r\n    border-color: transparent;\r\n    transform: scale(1.1);\r\n}\r\n\r\n.why-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    stroke: var(--light-purple);\r\n    fill: none;\r\n    stroke-width: 2.2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    flex-shrink: 0;\r\n    transition: stroke 0.4s ease;\r\n}\r\n\r\n.why-card:hover .why-icon svg {\r\n    stroke: #fff;\r\n}\r\n\r\n.why-title {\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: clamp(20px, 2vw, 26px);\r\n    font-weight: 700;\r\n    color: var(--text-primary);\r\n    margin-bottom: 16px;\r\n    line-height: 1.4;\r\n    direction: rtl;\r\n}\r\n\r\n.lang-en .why-title {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.why-description {\r\n    font-size: clamp(15px, 1.3vw, 17px);\r\n    line-height: 1.8;\r\n    color: var(--text-secondary);\r\n    direction: rtl;\r\n}\r\n\r\n.lang-en .why-description {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .why-grid { grid-template-columns: 1fr; gap: 24px; }\r\n    .why-card { padding: 32px 24px; }\r\n    .why-icon { width: 62px; height: 62px; min-width: 62px; min-height: 62px; }\r\n    .why-icon svg { width: 26px; height: 26px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst whyT = {\r\n    ar: {\r\n        whyBadge:    '\u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627',\r\n        whyTitle1:   '\u0644\u0645\u0627\u0630\u0627',\r\n        whyTitle2:   '\u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644\u061f',\r\n        whySubtitle: '\u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u062d\u0644\u0648\u0644\u0627\u064b \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u0641\u0648\u0642 \u062a\u0648\u0642\u0639\u0627\u062a\u0643',\r\n        w1Title: '\u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629',\r\n        w1Desc:  '\u0646\u0645\u062a\u0644\u0643 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a.',\r\n        w2Title: '\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629',\r\n        w2Desc:  '\u0646\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a.',\r\n        w3Title: '\u062d\u0644\u0648\u0644 \u0645\u0628\u062a\u0643\u0631\u0629',\r\n        w3Desc:  '\u0646\u0642\u062f\u0645 \u0623\u0641\u0643\u0627\u0631\u0627\u064b \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u0645\u064a\u0632 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u0645\u0646\u062d\u0643 \u0645\u064a\u0632\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0631\u0642\u0645\u064a.',\r\n        w4Title: '\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f',\r\n        w4Desc:  '\u0646\u062d\u062a\u0631\u0645 \u0648\u0642\u062a\u0643 \u0648\u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u062f\u0648\u0646 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0645\u0644.',\r\n        w5Title: '\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641',\r\n        w5Desc:  '\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062a\u0645\u0631\u0633 \u0648\u0645\u062a\u062e\u0635\u0635 \u064a\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0644\u062a\u062d\u0642\u064a\u0642 \u0631\u0624\u064a\u062a\u0643 \u0648\u062a\u062d\u0648\u064a\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633.',\r\n        w6Title: '\u062f\u0639\u0645 \u0645\u0633\u062a\u0645\u0631',\r\n        w6Desc:  '\u0646\u0642\u062f\u0645 \u062f\u0639\u0645\u0627\u064b \u0641\u0646\u064a\u0627\u064b \u0645\u0633\u062a\u0645\u0631\u0627\u064b \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0648\u0631\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0646\u062c\u0627\u062d \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u062a\u0637\u0648\u0631\u0647.'\r\n    },\r\n    en: {\r\n        whyBadge:    'Why Us',\r\n        whyTitle1:   'Why',\r\n        whyTitle2:   'Choose Us?',\r\n        whySubtitle: 'We combine experience, creativity, and professionalism to deliver digital solutions that exceed your expectations.',\r\n        w1Title: 'Wide Experience',\r\n        w1Desc:  'We have years of experience delivering integrated digital solutions for companies and organizations across different sectors.',\r\n        w2Title: 'High Quality',\r\n        w2Desc:  'We are committed to the highest quality standards at every stage of the project, from planning to final delivery.',\r\n        w3Title: 'Innovative Solutions',\r\n        w3Desc:  'We provide creative and innovative ideas that distinguish your brand and give you a competitive edge in the digital market.',\r\n        w4Title: 'On-Time Delivery',\r\n        w4Desc:  'We respect your time and commit to delivering projects on schedule without compromising quality.',\r\n        w5Title: 'Professional Team',\r\n        w5Desc:  'A skilled and experienced team works passionately to realize your vision and turn your ideas into reality.',\r\n        w6Title: 'Continuous Support',\r\n        w6Desc:  'We provide continuous technical support and regular follow-up to ensure the lasting success and growth of your project.'\r\n    }\r\n};\r\n\r\nfunction updateWhy(lang) {\r\n    document.querySelectorAll('[data-why-t]').forEach(el => {\r\n        const v = whyT[lang]?.[el.dataset.whyT];\r\n        if (v !== undefined) el.textContent = v;\r\n    });\r\n}\r\n\r\nwindow.addEventListener('languageChanged', e => updateWhy(e.detail.lang));\r\ndocument.addEventListener('DOMContentLoaded', () => updateWhy(localStorage.getItem('devriseLang') || 'ar'));\r\n<\/script>\r\n\r\n<section class=\"why-section devrise-section\" id=\"why\">\r\n    <div class=\"devrise-container\">\r\n        <div class=\"why-header\">\r\n            <div class=\"badge\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                    <path d=\"M2 17l10 5 10-5\"\/>\r\n                <\/svg>\r\n                <span data-why-t=\"whyBadge\">\u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627<\/span>\r\n            <\/div>\r\n            <h2 class=\"section-title\">\r\n                <span data-why-t=\"whyTitle1\">\u0644\u0645\u0627\u0630\u0627<\/span>\r\n                <span class=\"gradient-text\"> DevRise <\/span>\r\n                <span data-why-t=\"whyTitle2\">\u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644\u061f<\/span>\r\n            <\/h2>\r\n            <p class=\"section-subtitle\" data-why-t=\"whySubtitle\">\r\n                \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u062d\u0644\u0648\u0644\u0627\u064b \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u0641\u0648\u0642 \u062a\u0648\u0642\u0639\u0627\u062a\u0643\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"why-grid\">\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"why-title\" data-why-t=\"w1Title\">\u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629<\/h3>\r\n                <p class=\"why-description\" data-why-t=\"w1Desc\">\u0646\u0645\u062a\u0644\u0643 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"why-title\" data-why-t=\"w2Title\">\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629<\/h3>\r\n                <p class=\"why-description\" data-why-t=\"w2Desc\">\u0646\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"why-title\" data-why-t=\"w3Title\">\u062d\u0644\u0648\u0644 \u0645\u0628\u062a\u0643\u0631\u0629<\/h3>\r\n                <p class=\"why-description\" data-why-t=\"w3Desc\">\u0646\u0642\u062f\u0645 \u0623\u0641\u0643\u0627\u0631\u0627\u064b \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u0645\u064a\u0632 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u0645\u0646\u062d\u0643 \u0645\u064a\u0632\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0631\u0642\u0645\u064a.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"why-title\" data-why-t=\"w4Title\">\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f<\/h3>\r\n                <p class=\"why-description\" data-why-t=\"w4Desc\">\u0646\u062d\u062a\u0631\u0645 \u0648\u0642\u062a\u0643 \u0648\u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u062f\u0648\u0646 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0645\u0644.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"why-title\" data-why-t=\"w5Title\">\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641<\/h3>\r\n                <p class=\"why-description\" data-why-t=\"w5Desc\">\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062a\u0645\u0631\u0633 \u0648\u0645\u062a\u062e\u0635\u0635 \u064a\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0644\u062a\u062d\u0642\u064a\u0642 \u0631\u0624\u064a\u062a\u0643 \u0648\u062a\u062d\u0648\u064a\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"why-title\" data-why-t=\"w6Title\">\u062f\u0639\u0645 \u0645\u0633\u062a\u0645\u0631<\/h3>\r\n                <p class=\"why-description\" data-why-t=\"w6Desc\">\u0646\u0642\u062f\u0645 \u062f\u0639\u0645\u0627\u064b \u0641\u0646\u064a\u0627\u064b \u0645\u0633\u062a\u0645\u0631\u0627\u064b \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0648\u0631\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0646\u062c\u0627\u062d \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u062a\u0637\u0648\u0631\u0647.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d97a3c2 e-con-full e-flex e-con e-parent\" data-id=\"4d97a3c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6af4df70 elementor-widget elementor-widget-html\" data-id=\"6af4df70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n.contact-section {\r\n    background: var(--dark-bg);\r\n    padding: clamp(60px, 8vw, 100px) 0;\r\n}\r\n\r\n.contact-header {\r\n    text-align: right;\r\n    direction: rtl;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.contact-header .badge {\r\n    display: inline-flex;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.contact-header .section-title,\r\n.contact-header .section-subtitle {\r\n    text-align: right;\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n    max-width: 820px;\r\n}\r\n\r\n.lang-en .contact-header .section-title,\r\n.lang-en .contact-header .section-subtitle {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.contact-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n    gap: clamp(18px, 2.5vw, 30px);\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.contact-card {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(205, 175, 254, 0.1);\r\n    border-radius: 20px;\r\n    padding: clamp(28px, 3.5vw, 40px) clamp(20px, 2.5vw, 30px);\r\n    text-align: center;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.contact-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: var(--primary-purple);\r\n    box-shadow: 0 20px 50px rgba(69, 0, 249, 0.2);\r\n}\r\n\r\n.contact-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    margin: 0 auto 20px;\r\n    border-radius: 16px;\r\n    background: var(--gradient-purple);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: transform 0.4s ease;\r\n    overflow: hidden;\r\n}\r\n\r\n.contact-card:hover .contact-icon {\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.contact-icon svg {\r\n    width: 32px;\r\n    height: 32px;\r\n    stroke: #fff;\r\n    fill: none;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.contact-label {\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: clamp(17px, 1.5vw, 20px);\r\n    font-weight: 700;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.contact-info {\r\n    font-size: clamp(14px, 1.2vw, 16px);\r\n    color: var(--text-secondary);\r\n    direction: ltr;\r\n}\r\n\r\n.contact-form-wrapper {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n.contact-form {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: clamp(18px, 2vw, 30px);\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(205, 175, 254, 0.1);\r\n    border-radius: 20px;\r\n    padding: clamp(28px, 4vw, 50px);\r\n}\r\n\r\n.form-group { position: relative; }\r\n.form-group.full-width { grid-column: 1 \/ -1; }\r\n\r\n.form-group input,\r\n.form-group textarea,\r\n.form-group select {\r\n    width: 100%;\r\n    padding: clamp(12px, 1.5vw, 16px) 18px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(205, 175, 254, 0.2);\r\n    border-radius: 12px;\r\n    color: var(--text-primary);\r\n    font-size: clamp(14px, 1.2vw, 16px);\r\n    font-family: inherit;\r\n    transition: all 0.3s ease;\r\n    outline: none;\r\n    text-align: right;\r\n    direction: rtl;\r\n}\r\n\r\n.form-group input::placeholder,\r\n.form-group textarea::placeholder {\r\n    color: var(--text-muted);\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group textarea:focus,\r\n.form-group select:focus {\r\n    border-color: var(--primary-purple);\r\n    background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.form-group select { cursor: pointer; }\r\n.form-group select option { background: var(--dark-bg); }\r\n\r\n.contact-form .hero-button-primary {\r\n    grid-column: 1 \/ -1;\r\n    justify-content: center;\r\n    margin-top: 10px;\r\n}\r\n\r\n.form-success {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(12, 7, 25, 0.98);\r\n    border-radius: 20px;\r\n    display: none;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    padding: 50px;\r\n}\r\n\r\n.form-success.show { display: flex; }\r\n\r\n.form-success svg {\r\n    width: 80px;\r\n    height: 80px;\r\n    stroke: #4ade80;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    animation: checkmark 0.8s ease;\r\n}\r\n\r\n.form-success h3 {\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: clamp(22px, 2.5vw, 28px);\r\n    font-weight: 700;\r\n    color: #4ade80;\r\n}\r\n\r\n.form-success p {\r\n    font-size: clamp(15px, 1.3vw, 17px);\r\n    color: var(--text-secondary);\r\n    text-align: center;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .contact-section { padding: 60px 0; }\r\n    .contact-grid { grid-template-columns: 1fr; gap: 20px; }\r\n    .contact-form { grid-template-columns: 1fr; padding: 28px; gap: 18px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst contactT = {\r\n    ar: {\r\n        contactBadge:    '\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627',\r\n        contactTitle:    '\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0629',\r\n        contactIntro:    '\u0646\u0633\u0639\u062f \u0628\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643. \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643.',\r\n        contactPhone:    '\u0627\u0644\u0647\u0627\u062a\u0641',\r\n        contactEmail:    '\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a',\r\n        contactLocation: '\u0627\u0644\u0645\u0648\u0642\u0639',\r\n        contactLoc:      '\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u2013 \u0627\u0644\u0631\u064a\u0627\u0636',\r\n        formName:        '\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644',\r\n        formEmail:       '\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a',\r\n        formPhone:       '\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641',\r\n        formSvcPH:       '\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629',\r\n        formSvc1:        '\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639',\r\n        formSvc2:        '\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629',\r\n        formSvc3:        '\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649',\r\n        formSvc4:        '\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645',\r\n        formSvc5:        '\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644',\r\n        formSvc6:        '\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629',\r\n        formMessage:     '\u0631\u0633\u0627\u0644\u062a\u0643',\r\n        formSubmit:      '\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629',\r\n        successTitle:    '\u062a\u0645 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0628\u0646\u062c\u0627\u062d!',\r\n        successMsg:      '\u0634\u0643\u0631\u0627\u064b \u0644\u062a\u0648\u0627\u0635\u0644\u0643 \u0645\u0639\u0646\u0627. \u0633\u0646\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646.'\r\n    },\r\n    en: {\r\n        contactBadge:    'Contact Us',\r\n        contactTitle:    'We\\'re Here to Help',\r\n        contactIntro:    'We\\'re happy to hear from you and answer all your inquiries. Our team is ready to help you achieve your digital goals and provide the right solutions for your needs.',\r\n        contactPhone:    'Phone',\r\n        contactEmail:    'Email',\r\n        contactLocation: 'Location',\r\n        contactLoc:      'Saudi Arabia \u2013 Riyadh',\r\n        formName:        'Full Name',\r\n        formEmail:       'Email Address',\r\n        formPhone:       'Phone Number',\r\n        formSvcPH:       'Choose Service',\r\n        formSvc1:        'Web Design & Development',\r\n        formSvc2:        'Brand Identity',\r\n        formSvc3:        'Content Management',\r\n        formSvc4:        'UI\/UX Development',\r\n        formSvc5:        'Mobile Applications',\r\n        formSvc6:        'Technical Consulting',\r\n        formMessage:     'Your Message',\r\n        formSubmit:      'Send Message',\r\n        successTitle:    'Successfully Sent!',\r\n        successMsg:      'Thank you for contacting us. We will respond as soon as possible.'\r\n    }\r\n};\r\n\r\nfunction updateContact(lang) {\r\n    document.querySelectorAll('[data-contact-t]').forEach(el => {\r\n        const v = contactT[lang]?.[el.dataset.contactT];\r\n        if (v !== undefined) el.textContent = v;\r\n    });\r\n\r\n    const fields = {\r\n        name:    'formName',\r\n        email:   'formEmail',\r\n        phone:   'formPhone',\r\n        message: 'formMessage'\r\n    };\r\n    Object.entries(fields).forEach(([id, key]) => {\r\n        const el = document.getElementById(id);\r\n        if (el) el.placeholder = contactT[lang][key];\r\n    });\r\n\r\n    document.querySelectorAll('#service option[data-contact-t]').forEach(opt => {\r\n        const v = contactT[lang]?.[opt.dataset.contactT];\r\n        if (v !== undefined) opt.textContent = v;\r\n    });\r\n}\r\n\r\nwindow.addEventListener('languageChanged', e => updateContact(e.detail.lang));\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    updateContact(localStorage.getItem('devriseLang') || 'ar');\r\n\r\n    const form = document.getElementById('contactForm');\r\n    if (!form) return;\r\n\r\n    form.addEventListener('submit', function (e) {\r\n        e.preventDefault();\r\n        const lang = localStorage.getItem('devriseLang') || 'ar';\r\n\r\n        const name    = document.getElementById('name').value.trim();\r\n        const email   = document.getElementById('email').value.trim();\r\n        const phone   = document.getElementById('phone').value.trim();\r\n        const service = document.getElementById('service').value;\r\n        const message = document.getElementById('message').value.trim();\r\n\r\n        if (!name || !email || !phone || !service || !message) {\r\n            alert(lang === 'ar' ? '\u0627\u0644\u0631\u062c\u0627\u0621 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644' : 'Please fill in all fields');\r\n            return;\r\n        }\r\n\r\n        if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\r\n            alert(lang === 'ar' ? '\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d' : 'Please enter a valid email');\r\n            return;\r\n        }\r\n\r\n        document.getElementById('formSuccess').classList.add('show');\r\n        form.reset();\r\n        setTimeout(() => document.getElementById('formSuccess').classList.remove('show'), 5000);\r\n    });\r\n});\r\n<\/script>\r\n\r\n<section class=\"contact-section devrise-section\" id=\"contact\">\r\n    <div class=\"devrise-container\">\r\n        <div class=\"contact-header\">\r\n            <div class=\"badge\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n                <\/svg>\r\n                <span data-contact-t=\"contactBadge\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\" data-contact-t=\"contactTitle\">\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0629<\/h2>\r\n\r\n            <p class=\"section-subtitle\" data-contact-t=\"contactIntro\">\r\n                \u0646\u0633\u0639\u062f \u0628\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643. \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"contact-grid\">\r\n            <div class=\"contact-card\">\r\n                <div class=\"contact-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"contact-label\" data-contact-t=\"contactPhone\">\u0627\u0644\u0647\u0627\u062a\u0641<\/h3>\r\n                <div class=\"contact-info\">053 134 9545<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"contact-card\">\r\n                <div class=\"contact-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"contact-label\" data-contact-t=\"contactEmail\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\r\n                <div class=\"contact-info\">info@devrise.com<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"contact-card\">\r\n                <div class=\"contact-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"contact-label\" data-contact-t=\"contactLocation\">\u0627\u0644\u0645\u0648\u0642\u0639<\/h3>\r\n                <div class=\"contact-info\" data-contact-t=\"contactLoc\">\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u2013 \u0627\u0644\u0631\u064a\u0627\u0636<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-form-wrapper\">\r\n            <form class=\"contact-form\" id=\"contactForm\" novalidate>\r\n                <div class=\"form-group\">\r\n                    <input type=\"text\" id=\"name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <input type=\"email\" id=\"email\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <input type=\"tel\" id=\"phone\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <select id=\"service\" required>\r\n                        <option value=\"\" disabled selected data-contact-t=\"formSvcPH\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/option>\r\n                        <option value=\"web\"        data-contact-t=\"formSvc1\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/option>\r\n                        <option value=\"brand\"      data-contact-t=\"formSvc2\">\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/option>\r\n                        <option value=\"content\"    data-contact-t=\"formSvc3\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/option>\r\n                        <option value=\"ui\"         data-contact-t=\"formSvc4\">\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/option>\r\n                        <option value=\"mobile\"     data-contact-t=\"formSvc5\">\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644<\/option>\r\n                        <option value=\"consulting\" data-contact-t=\"formSvc6\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div class=\"form-group full-width\">\r\n                    <textarea id=\"message\" rows=\"5\" placeholder=\"\u0631\u0633\u0627\u0644\u062a\u0643\" required><\/textarea>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"hero-button-primary\">\r\n                    <span data-contact-t=\"formSubmit\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                        <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/>\r\n                        <polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/form>\r\n\r\n            <div class=\"form-success\" id=\"formSuccess\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n                <h3 data-contact-t=\"successTitle\">\u062a\u0645 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0628\u0646\u062c\u0627\u062d!<\/h3>\r\n                <p data-contact-t=\"successMsg\">\u0634\u0643\u0631\u0627\u064b \u0644\u062a\u0648\u0627\u0635\u0644\u0643 \u0645\u0639\u0646\u0627. \u0633\u0646\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c732338 e-con-full e-flex e-con e-parent\" data-id=\"6c732338\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1167d6aa elementor-widget elementor-widget-html\" data-id=\"1167d6aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n.footer-section {\r\n    background: var(--dark-bg);\r\n    border-top: 1px solid rgba(205, 175, 254, 0.1);\r\n    padding: clamp(50px, 7vw, 80px) 0 clamp(24px, 3vw, 32px);\r\n    direction: rtl;\r\n}\r\n\r\n.footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr 1fr 1fr;\r\n    gap: clamp(32px, 4vw, 50px);\r\n    margin-bottom: 44px;\r\n    direction: rtl;\r\n}\r\n\r\n.footer-col { text-align: right; }\r\n\r\n.footer-logo {\r\n    display: inline-block;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.footer-logo img {\r\n    height: clamp(32px, 3.5vw, 42px);\r\n    width: auto;\r\n    object-fit: contain;\r\n}\r\n\r\n.footer-desc {\r\n    font-size: clamp(13px, 1.1vw, 15px);\r\n    line-height: 1.75;\r\n    color: var(--text-secondary);\r\n    margin-bottom: 22px;\r\n    max-width: 340px;\r\n    direction: rtl;\r\n}\r\n\r\n.lang-en .footer-desc {\r\n    direction: ltr;\r\n    text-align: right;\r\n}\r\n\r\n.footer-social {\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.social-link {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 10px;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(205, 175, 254, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.social-link:hover {\r\n    background: var(--gradient-purple);\r\n    border-color: transparent;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.social-link svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    fill: var(--text-secondary);\r\n    transition: fill 0.3s ease;\r\n}\r\n\r\n.social-link:hover svg { fill: #fff; }\r\n\r\n.footer-title {\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: clamp(16px, 1.4vw, 19px);\r\n    font-weight: 700;\r\n    margin-bottom: 18px;\r\n    color: var(--text-primary);\r\n}\r\n\r\n.footer-links {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.footer-links a {\r\n    font-size: clamp(13px, 1.1vw, 15px);\r\n    color: var(--text-secondary);\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    direction: ltr;\r\n}\r\n\r\n.footer-links a:hover {\r\n    color: var(--light-purple);\r\n    transform: translateX(-3px);\r\n}\r\n\r\n.footer-contact {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n}\r\n\r\n.footer-contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: clamp(12px, 1.1vw, 14px);\r\n    color: var(--text-secondary);\r\n    transition: color 0.3s ease;\r\n    direction: rtl;\r\n}\r\n\r\n.footer-contact-item:hover { color: var(--light-purple); }\r\n\r\n.footer-contact-item svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    stroke: var(--light-purple);\r\n    fill: none;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n.footer-certifications {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: clamp(10px, 1.5vw, 16px);\r\n    flex-wrap: wrap;\r\n    padding: clamp(16px, 2vw, 24px) 0;\r\n    border-top: 1px solid rgba(205, 175, 254, 0.1);\r\n    border-bottom: 1px solid rgba(205, 175, 254, 0.1);\r\n    margin-bottom: clamp(18px, 2.5vw, 28px);\r\n}\r\n\r\n.footer-certifications img {\r\n    height: clamp(32px, 3.5vw, 48px);\r\n    width: auto;\r\n    object-fit: contain;\r\n    opacity: 0.75;\r\n    transition: opacity 0.3s ease, transform 0.3s ease;\r\n    filter: brightness(1.2);\r\n}\r\n\r\n.footer-certifications img:hover {\r\n    opacity: 1;\r\n    transform: scale(1.06);\r\n}\r\n\r\n.footer-bottom {\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n    align-items: center;\r\n}\r\n\r\n.saudi-business-link {\r\n    display: inline-block;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.saudi-business-link:hover { opacity: 0.85; transform: scale(1.05); }\r\n\r\n.saudi-business-logo {\r\n    height: clamp(30px, 3.5vw, 45px);\r\n    width: auto;\r\n}\r\n\r\n.saudi-links {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: clamp(12px, 1.5vw, 20px);\r\n    justify-content: center;\r\n    font-size: clamp(11px, 0.9vw, 13px);\r\n}\r\n\r\n.saudi-links a {\r\n    color: var(--text-secondary);\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n    white-space: nowrap;\r\n    direction: ltr;\r\n}\r\n\r\n.saudi-links a:hover { color: var(--light-purple); }\r\n\r\n.footer-copyright {\r\n    font-size: clamp(12px, 0.9vw, 14px);\r\n    color: var(--text-muted);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .footer-section { padding: 50px 0 20px; }\r\n    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }\r\n    .footer-col { text-align: center; }\r\n    .footer-col:first-child { grid-column: 1 \/ -1; }\r\n    .footer-desc { margin-left: auto; margin-right: auto; }\r\n    .footer-social { justify-content: center; }\r\n    .footer-contact { align-items: center; }\r\n    .footer-contact-item { justify-content: center; }\r\n    .footer-links { align-items: center; }\r\n    .footer-links a:hover { transform: none; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .footer-grid { grid-template-columns: 1fr; gap: 28px; }\r\n    .footer-col:first-child { grid-column: auto; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst footerT = {\r\n    ar: {\r\n        footerDesc:    '\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a. \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u062a\u0637\u0648\u064a\u0631 \u062d\u0636\u0648\u0631\u0643 \u0627\u0644\u0631\u0642\u0645\u064a.',\r\n        quickLinks:    '\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629',\r\n        ourServices:   '\u062e\u062f\u0645\u0627\u062a\u0646\u0627',\r\n        contactUs:     '\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627',\r\n        locValue:      '\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0627\u0644\u0631\u064a\u0627\u0636',\r\n        copyright:     '\u00a9 2025 DevRise \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.',\r\n        navHome:       '\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629',\r\n        navAbout:      '\u0645\u0646 \u0646\u062d\u0646',\r\n        navServices:   '\u062e\u062f\u0645\u0627\u062a\u0646\u0627',\r\n        navWhy:        '\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646',\r\n        navContact:    '\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627',\r\n        svc1:          '\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639',\r\n        svc2:          '\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629',\r\n        svc3:          '\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644',\r\n        svc4:          '\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649',\r\n        svc5:          '\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a',\r\n        privacy:       '\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629',\r\n        terms:         '\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645',\r\n        risk:          '\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0642\u0628\u0648\u0644\u0629',\r\n        secureUsage:   '\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0622\u0645\u0646 \u0644\u0644\u0639\u0645\u0644\u0627\u0621',\r\n        support:       '\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a'\r\n    },\r\n    en: {\r\n        footerDesc:    'We provide comprehensive digital solutions that help companies grow and excel in the digital world. We combine creativity and professionalism to achieve your goals.',\r\n        quickLinks:    'Quick Links',\r\n        ourServices:   'Our Services',\r\n        contactUs:     'Contact Us',\r\n        locValue:      'Saudi Arabia, Riyadh',\r\n        copyright:     '\u00a9 2025 DevRise Technology Solutions. All rights reserved.',\r\n        navHome:       'Home',\r\n        navAbout:      'About',\r\n        navServices:   'Services',\r\n        navWhy:        'Why Us',\r\n        navContact:    'Contact',\r\n        svc1:          'Web Design',\r\n        svc2:          'Brand Identity',\r\n        svc3:          'Mobile Apps',\r\n        svc4:          'Content Management',\r\n        svc5:          'Consulting',\r\n        privacy:       'Privacy Policy',\r\n        terms:         'Terms and Conditions',\r\n        risk:          'Acceptable Risk Levels',\r\n        secureUsage:   'Secure Usage Policy',\r\n        support:       'Technical Support'\r\n    }\r\n};\r\n\r\nfunction updateFooter(lang) {\r\n    document.querySelectorAll('[data-footer-t]').forEach(el => {\r\n        const v = footerT[lang]?.[el.dataset.footerT];\r\n        if (v !== undefined) el.textContent = v;\r\n    });\r\n}\r\n\r\nwindow.addEventListener('languageChanged', e => updateFooter(e.detail.lang));\r\ndocument.addEventListener('DOMContentLoaded', () => updateFooter(localStorage.getItem('devriseLang') || 'ar'));\r\n<\/script>\r\n\r\n<footer class=\"footer-section\">\r\n    <div class=\"devrise-container\">\r\n        <div class=\"footer-grid\">\r\n            <div class=\"footer-col\">\r\n                <a href=\"#hero\" class=\"footer-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/devrise.com.sa\/wp-content\/uploads\/2026\/03\/DevRise-LOGO-W.png\" alt=\"DevRise Logo\">\r\n                <\/a>\r\n                <p class=\"footer-desc\" data-footer-t=\"footerDesc\">\r\n                    \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a. \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u062a\u0637\u0648\u064a\u0631 \u062d\u0636\u0648\u0631\u0643 \u0627\u0644\u0631\u0642\u0645\u064a.\r\n                <\/p>\r\n                <div class=\"footer-social\">\r\n                    <a href=\"https:\/\/x.com\/DevRise01\" target=\"_blank\" class=\"social-link\" aria-label=\"Twitter\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/www.tiktok.com\/@devrise1\" target=\"_blank\" class=\"social-link\" aria-label=\"TikTok\">\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                    <\/a>\r\n                    <a href=\"https:\/\/www.instagram.com\/devrise0\/\" target=\"_blank\" class=\"social-link\" aria-label=\"Instagram\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"footer-col\">\r\n                <h4 class=\"footer-title\" data-footer-t=\"quickLinks\">\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\r\n                <ul class=\"footer-links\">\r\n                    <li><a href=\"#hero\"     data-footer-t=\"navHome\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n                    <li><a href=\"#about\"    data-footer-t=\"navAbout\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\r\n                    <li><a href=\"#services\" data-footer-t=\"navServices\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\r\n                    <li><a href=\"#why\"      data-footer-t=\"navWhy\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a><\/li>\r\n                    <li><a href=\"#contact\"  data-footer-t=\"navContact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"footer-col\">\r\n                <h4 class=\"footer-title\" data-footer-t=\"ourServices\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h4>\r\n                <ul class=\"footer-links\">\r\n                    <li><a href=\"#services\" data-footer-t=\"svc1\">\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/a><\/li>\r\n                    <li><a href=\"#services\" data-footer-t=\"svc2\">\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/a><\/li>\r\n                    <li><a href=\"#services\" data-footer-t=\"svc3\">\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644<\/a><\/li>\r\n                    <li><a href=\"#services\" data-footer-t=\"svc4\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a><\/li>\r\n                    <li><a href=\"#services\" data-footer-t=\"svc5\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"footer-col\">\r\n                <h4 class=\"footer-title\" data-footer-t=\"contactUs\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h4>\r\n                <div class=\"footer-contact\">\r\n                    <div class=\"footer-contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n                        <span>info@devrise.com<\/span>\r\n                    <\/div>\r\n                    <div class=\"footer-contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                        <span>053 134 9545<\/span>\r\n                    <\/div>\r\n                    <div class=\"footer-contact-item\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                        <span data-footer-t=\"locValue\">\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0635\u0648\u0631 \u0627\u0644\u062a\u0648\u062b\u064a\u0642 \u0648\u0627\u0644\u0648\u0632\u0627\u0631\u0627\u062a \u2014 \u0636\u0639 \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0635\u0648\u0631 \u0647\u0646\u0627 -->\r\n        <div class=\"footer-certifications\">\r\n            <!-- \u0645\u062b\u0627\u0644: <img decoding=\"async\" src=\"https:\/\/example.com\/ministry-1.png\" alt=\"\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u0629\"> -->\r\n            <!-- <img decoding=\"async\" src=\"https:\/\/example.com\/ministry-2.png\" alt=\"\u0647\u064a\u0626\u0629 \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a\"> -->\r\n            <!-- <img decoding=\"async\" src=\"https:\/\/example.com\/ministry-3.png\" alt=\"\u0647\u064a\u0626\u0629 \u0643\u0630\u0627\"> -->\r\n        <\/div>\r\n\r\n        <div class=\"footer-bottom\">\r\n            <a href=\"https:\/\/qr.saudibusiness.gov.sa\/viewcr?nCrNumber=IiLjh0FgzGfxJbi+MX7fzw==\" target=\"_blank\" class=\"saudi-business-link\" aria-label=\"Saudi Business Center\">\r\n                <img decoding=\"async\" src=\"https:\/\/devrise.com.sa\/wp-content\/uploads\/2026\/02\/logo_footer.png\" alt=\"Saudi Business Center\" class=\"saudi-business-logo\">\r\n            <\/a>\r\n\r\n            <div class=\"saudi-links\">\r\n                <a href=\"\/privacy-policy\"         data-footer-t=\"privacy\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a>\r\n                <a href=\"\/terms-and-conditions\"   data-footer-t=\"terms\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/a>\r\n                <a href=\"\/acceptable-risk-levels\" data-footer-t=\"risk\">\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0642\u0628\u0648\u0644\u0629<\/a>\r\n                <a href=\"\/secure-usage-policy\"    data-footer-t=\"secureUsage\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0622\u0645\u0646 \u0644\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\r\n                <a href=\"\/support\"                data-footer-t=\"support\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a<\/a>\r\n            <\/div>\r\n\r\n            <p class=\"footer-copyright\" data-footer-t=\"copyright\">\u00a9 2025 DevRise \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\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 \u0645\u0646 \u0646\u062d\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 EN \u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0646\u0628\u0646\u064a \u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0644\u0646\u062c\u0627\u062d \u0623\u0639\u0645\u0627\u0644\u0643 \u0646\u062d\u0648\u0651\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0631\u0642\u0645\u064a \u0645\u0628\u062a\u0643\u0631. \u0645\u0646 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u060c \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0634\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a. \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0645\u0646 \u0646\u062d\u0646 \u0646\u0628\u0646\u064a \u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0641\u064a DevRise \u0646\u062d\u0646 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devrise.com.sa\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devrise.com.sa\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devrise.com.sa\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devrise.com.sa\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devrise.com.sa\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":62,"href":"https:\/\/devrise.com.sa\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/devrise.com.sa\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/devrise.com.sa\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}