{"id":317,"date":"2025-09-13T12:53:57","date_gmt":"2025-09-13T12:53:57","guid":{"rendered":"https:\/\/consultraglobal.com\/about\/"},"modified":"2025-10-02T20:51:47","modified_gmt":"2025-10-02T20:51:47","slug":"about","status":"publish","type":"page","link":"https:\/\/consultraglobal.com\/ar\/about\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0642\u0633\u0645 \u062d\u0648\u0644 \u0634\u0631\u0643\u0629 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a<\/title>\r\n <style>\r\n :root {\r\n --blue: #0da9ba;\r\n --blue-dark: #082a8a;\r\n --coral: #e87664;\r\n --beige: #fdd9b8;\r\n --white: #ffffff;\r\n --text-dark: #2c3e50;\r\n --text-light: #6c757d;\r\n --shadow-light: rgba(0, 0, 0, 0.08);\r\n --shadow-hover: rgba(232, 118, 100, 0.25);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .about-media {\r\n width: 100vw;\r\n background: #fdf7f3;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n margin-right: calc(-50vw + 50%);\r\n margin-left: calc(-50vw + 50%);\r\n position: relative;\r\n padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 2rem);\r\n }\r\n\r\n .about-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 42fr 58fr;\r\n gap: clamp(3rem, 6vw, 4rem);\r\n align-items: center;\r\n }\r\n\r\n \/* Text Column *\/\r\n .text-column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1.25rem, 2.5vw, 1.75rem);\r\n max-width: 65ch;\r\n }\r\n\r\n .about-kicker {\r\n color: var(--coral);\r\n font-weight: 600;\r\n font-size: clamp(0.85rem, 2vw, 1rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .about-title {\r\n font-size: clamp(2.25rem, 4.5vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--blue-dark);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .about-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 2vw, 1.5rem);\r\n }\r\n\r\n .about-paragraph {\r\n font-size: clamp(1rem, 2.2vw, 1.15rem);\r\n line-height: 1.65;\r\n color: var(--text-dark);\r\n font-weight: 400;\r\n }\r\n\r\n .about-highlights {\r\n list-style: none;\r\n margin: clamp(0.5rem, 1.5vw, 1rem) 0;\r\n }\r\n\r\n .about-highlights li {\r\n font-size: clamp(0.95rem, 2vw, 1.05rem);\r\n line-height: 1.5;\r\n color: var(--text-dark);\r\n margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);\r\n padding-right: 1.25rem;\r\n position: relative;\r\n font-weight: 500;\r\n }\r\n\r\n .about-highlights li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n right: 0;\r\n color: var(--blue);\r\n font-weight: 700;\r\n font-size: 1.1em;\r\n }\r\n\r\n .about-buttons {\r\n display: flex;\r\n gap: clamp(1rem, 2.5vw, 1.25rem);\r\n flex-wrap: wrap;\r\n margin-top: clamp(0.5rem, 1.5vw, 1rem);\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3.5vw, 2rem);\r\n font-size: clamp(0.9rem, 1.8vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 18px;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n min-width: 160px;\r\n font-family: inherit;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--coral);\r\n color: var(--white);\r\n border-color: var(--coral);\r\n box-shadow: 0 4px 15px rgba(232, 118, 100, 0.2);\r\n }\r\n\r\n .btn-primary:hover,\r\n .btn-primary:focus {\r\n background: #d96652;\r\n border-color: #d96652;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px var(--shadow-hover);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--blue);\r\n border-color: var(--blue);\r\n box-shadow: 0 4px 15px rgba(13, 169, 186, 0.1);\r\n }\r\n\r\n .btn-secondary:hover,\r\n .btn-secondary:focus {\r\n background: var(--blue);\r\n color: var(--white);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(13, 169, 186, 0.25);\r\n }\r\n\r\n .btn:focus {\r\n outline: 2px solid var(--blue-dark);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* Image Column *\/\r\n .image-column {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .media-card {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 40px var(--shadow-light);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n aspect-ratio: 4\/3;\r\n }\r\n\r\n .media-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .about-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .media-card:hover .about-image {\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* Mobile Styles *\/\r\n @media (max-width: 768px) {\r\n .about-media {\r\n margin-right: 0;\r\n margin-left: 0;\r\n width: 100%;\r\n }\r\n\r\n .about-container {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 5vw, 3rem);\r\n }\r\n\r\n .image-column {\r\n order: -1;\r\n }\r\n\r\n .text-column {\r\n max-width: none;\r\n text-align: center;\r\n }\r\n\r\n .about-paragraph {\r\n text-align: right;\r\n max-width: 65ch;\r\n margin: 0 auto;\r\n }\r\n\r\n .about-highlights {\r\n text-align: right;\r\n max-width: 65ch;\r\n margin: clamp(0.5rem, 1.5vw, 1rem) auto;\r\n }\r\n\r\n .about-buttons {\r\n justify-content: center;\r\n flex-direction: column;\r\n align-items: center;\r\n max-width: 300px;\r\n margin: clamp(0.5rem, 1.5vw, 1rem) auto 0;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n }\r\n\r\n .media-card {\r\n aspect-ratio: 3\/2;\r\n }\r\n\r\n \/* Disable animations on mobile *\/\r\n .media-card,\r\n .about-image,\r\n .btn {\r\n transition: none !important;\r\n }\r\n\r\n .media-card:hover {\r\n transform: none;\r\n box-shadow: 0 15px 40px var(--shadow-light);\r\n }\r\n\r\n .media-card:hover .about-image {\r\n transform: none;\r\n }\r\n\r\n .btn:hover,\r\n .btn:focus {\r\n transform: none;\r\n }\r\n }\r\n\r\n \/* Reduced Motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .media-card,\r\n .about-image,\r\n .btn,\r\n .text-column > * {\r\n transition: none !important;\r\n }\r\n\r\n .media-card:hover {\r\n transform: none;\r\n }\r\n\r\n .media-card:hover .about-image {\r\n transform: none;\r\n }\r\n\r\n .btn:hover,\r\n .btn:focus {\r\n transform: none;\r\n }\r\n }\r\n\r\n \/* Entrance Animation *\/\r\n .animate-ready .text-column > * {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n .animate-ready .about-kicker.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .about-title.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .about-content.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .about-highlights.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .about-buttons.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Disable entrance animation on mobile and reduced motion *\/\r\n @media (max-width: 768px), (prefers-reduced-motion: reduce) {\r\n .animate-ready .text-column > * {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n .animate-ready .about-kicker.animate-in,\r\n .animate-ready .about-title.animate-in,\r\n .animate-ready .about-content.animate-in,\r\n .animate-ready .about-highlights.animate-in,\r\n .animate-ready .about-buttons.animate-in {\r\n transition: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"about-media\" aria-labelledby=\"about-heading\" id=\"about-section\">\r\n <div class=\"about-container\">\r\n <!-- Text Column -->\r\n <div class=\"text-column\">\r\n <p class=\"about-kicker\">\u062d\u0648\u0644 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627<\/p>\r\n <h2 id=\"about-heading\" class=\"about-title\">\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a<\/h2>\r\n \r\n <div class=\"about-content\">\r\n <p class=\"about-paragraph\">\r\n \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u0647\u064a \u0634\u0631\u0643\u0629 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0623\u0639\u0645\u0627\u0644 \u0631\u0627\u0626\u062f\u0629 \u064a\u0642\u0639 \u0645\u0642\u0631\u0647\u0627 \u0641\u064a \u062f\u0648\u0644\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\u060c \u0648\u0647\u064a \u0645\u064f\u0643\u0631\u0633\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0644\u062a\u062d\u0642\u064a\u0642 \u0625\u0645\u0643\u0627\u0646\u0627\u062a\u0647\u0627 \u0627\u0644\u0643\u0627\u0645\u0644\u0629. \u064a\u062c\u0644\u0628 \u0634\u0631\u0643\u0627\u0624\u0646\u0627 \u0627\u0644\u0645\u0624\u0633\u0633\u0648\u0646 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 20 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062c\u0645\u0627\u0639\u064a\u0629 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\u060c \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u062e\u0627\u0635 \u0648\u0627\u0644\u0639\u0627\u0645.\r\n <\/p>\r\n <p class=\"about-paragraph\">\r\n \u0645\u0639 \u0625\u064a\u0645\u0627\u0646 \u0631\u0627\u0633\u062e \u0628\u0627\u0644\u0631\u0624\u0649 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0637\u0628\u064a\u0642\u060c \u062a\u0645\u0632\u062c \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0639 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0634\u0627\u0645\u0644\u0629. \u0646\u062d\u0646 \u0645\u0644\u062a\u0632\u0645\u0648\u0646 \u0628\u0623\u0646 \u0646\u0635\u0628\u062d \u0634\u0631\u064a\u0643\u0627\u064b \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u064b \u0637\u0648\u064a\u0644 \u0627\u0644\u0645\u062f\u0649 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627\u060c \u0648\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u064f\u062e\u0635\u0635\u0629 \u062a\u062d\u0644 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u064a\u0648\u0645 \u0628\u064a\u0646\u0645\u0627 \u0646\u0633\u062a\u0639\u062f \u0644\u0641\u0631\u0635 \u0627\u0644\u063a\u062f.\r\n <\/p>\r\n <\/div>\r\n\r\n <ul class=\"about-highlights\">\r\n <li>\u062e\u0628\u0631\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a<\/li>\r\n <li>\u062d\u0644\u0648\u0644 \u0645\u064f\u062e\u0635\u0635\u0629 \u0648\u0645\u0648\u062c\u0647\u0629 \u0646\u062d\u0648 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/li>\r\n <li>\u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 + \u0627\u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629<\/li>\r\n <\/ul>\r\n\r\n <div class=\"about-buttons\">\r\n <a href=\"https:\/\/consultraglobal.com\/ar\/service\/\" class=\"btn btn-primary\" aria-label=\"\u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629\">\u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n <a href=\"https:\/\/consultraglobal.com\/ar\/contact\/\" class=\"btn btn-secondary\" aria-label=\"\u0627\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0625\u0631\u0634\u0627\u062f\u064a\u0629\">\u0627\u0637\u0644\u0628 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Image Column -->\r\n <div class=\"image-column\">\r\n <div class=\"media-card\">\r\n <img \r\n src=\"https:\/\/consultraglobal.com\/wp-content\/uploads\/2025\/09\/9.jpg\" \r\n alt=\"\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0648 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u0641\u064a \u0627\u0644\u0639\u0645\u0644\" \r\n class=\"about-image\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const aboutSection = document.getElementById('about-section');\r\n const textElements = {\r\n kicker: document.querySelector('.about-kicker'),\r\n title: document.querySelector('.about-title'),\r\n content: document.querySelector('.about-content'),\r\n highlights: document.querySelector('.about-highlights'),\r\n buttons: document.querySelector('.about-buttons')\r\n };\r\n const buttons = document.querySelectorAll('.btn');\r\n \r\n const isMobile = window.innerWidth <= 768;\r\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n \/\/ Enhanced accessibility for buttons\r\n buttons.forEach(button => {\r\n button.addEventListener('focus', function() {\r\n this.style.outline = '2px solid var(--blue-dark)';\r\n this.style.outlineOffset = '2px';\r\n });\r\n\r\n button.addEventListener('blur', function() {\r\n this.style.outline = '';\r\n this.style.outlineOffset = '';\r\n });\r\n });\r\n\r\n \/\/ Intersection Observer for entrance animations (desktop only)\r\n if (!isMobile && !prefersReducedMotion) {\r\n const observerOptions = {\r\n threshold: 0.3,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n aboutSection.classList.add('animate-ready');\r\n \r\n \/\/ Staggered animation sequence (120ms intervals)\r\n const animationSequence = [\r\n { element: textElements.title, delay: 0 },\r\n { element: textElements.content, delay: 120 },\r\n { element: textElements.highlights, delay: 240 },\r\n { element: textElements.buttons, delay: 360 }\r\n ];\r\n\r\n animationSequence.forEach(({ element, delay }) => {\r\n if (element) {\r\n setTimeout(() => {\r\n element.classList.add('animate-in');\r\n }, delay);\r\n }\r\n });\r\n \r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n observer.observe(aboutSection);\r\n } else {\r\n \/\/ Show content immediately on mobile or reduced motion\r\n Object.values(textElements).forEach(element => {\r\n if (element) {\r\n element.style.opacity = '1';\r\n element.style.transform = 'none';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Handle resize events\r\n let resizeTimer;\r\n window.addEventListener('resize', function() {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function() {\r\n const newIsMobile = window.innerWidth <= 768;\r\n \r\n if (newIsMobile) {\r\n \/\/ Reset animations on mobile\r\n Object.values(textElements).forEach(element => {\r\n if (element) {\r\n element.style.opacity = '1';\r\n element.style.transform = 'none';\r\n element.classList.remove('animate-in');\r\n }\r\n });\r\n aboutSection.classList.remove('animate-ready');\r\n }\r\n }, 250);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-804371a e-con-full e-flex e-con e-parent\" data-id=\"804371a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d95026b elementor-widget elementor-widget-html\" data-id=\"d95026b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0631\u0633\u0627\u0644\u0629 \u0648\u0631\u0624\u064a\u0629 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627<\/title>\r\n <style>\r\n :root {\r\n --blue: #0da9ba;\r\n --blue-dark: #082a8a;\r\n --coral: #e87664;\r\n --beige: #fdd9b8;\r\n --white: #ffffff;\r\n --text-dark: #2c3e50;\r\n --text-light: #6c757d;\r\n --shadow-light: rgba(0, 0, 0, 0.08);\r\n --shadow-hover: rgba(232, 118, 100, 0.25);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .mission-vision {\r\n width: 100vw;\r\n background: linear-gradient(135deg, var(--white) 0%, #fafafa 100%);\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n margin-right: calc(-50vw + 50%);\r\n margin-left: calc(-50vw + 50%);\r\n position: relative;\r\n padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 2rem);\r\n }\r\n\r\n .mission-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n\r\n .mission-header {\r\n text-align: center;\r\n margin-bottom: clamp(3rem, 6vw, 4.5rem);\r\n }\r\n\r\n .mission-kicker {\r\n color: var(--coral);\r\n font-weight: 600;\r\n font-size: clamp(0.85rem, 2vw, 1rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);\r\n }\r\n\r\n .mission-title {\r\n font-size: clamp(2.25rem, 5vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n color: var(--blue-dark);\r\n margin-bottom: clamp(1rem, 3vw, 1.5rem);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .mission-lead {\r\n font-size: clamp(1rem, 2.5vw, 1.15rem);\r\n line-height: 1.6;\r\n color: var(--text-light);\r\n font-weight: 400;\r\n }\r\n\r\n .mission-cards {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: clamp(2rem, 4vw, 3rem);\r\n margin-bottom: clamp(2.5rem, 5vw, 3.5rem);\r\n }\r\n\r\n .mission-card {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: clamp(2rem, 4vw, 2.5rem);\r\n box-shadow: 0 8px 30px var(--shadow-light);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .mission-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .mission-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--blue) 0%, var(--coral) 100%);\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n .card-icon {\r\n width: clamp(2.5rem, 5vw, 3rem);\r\n height: clamp(2.5rem, 5vw, 3rem);\r\n margin-bottom: clamp(1.25rem, 3vw, 1.5rem);\r\n fill: var(--blue);\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .mission-card:hover .card-icon {\r\n fill: var(--coral);\r\n }\r\n\r\n .card-kicker {\r\n font-size: clamp(0.8rem, 1.8vw, 0.9rem);\r\n color: var(--blue);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: clamp(0.75rem, 2vw, 1rem);\r\n }\r\n\r\n .card-title {\r\n font-size: clamp(1.5rem, 3vw, 1.75rem);\r\n font-weight: 700;\r\n color: var(--blue-dark);\r\n margin-bottom: clamp(1rem, 2.5vw, 1.25rem);\r\n line-height: 1.25;\r\n }\r\n\r\n .card-description {\r\n font-size: clamp(1rem, 2.2vw, 1.1rem);\r\n line-height: 1.6;\r\n color: var(--text-dark);\r\n flex: 1;\r\n font-weight: 400;\r\n }\r\n\r\n .mission-cta {\r\n display: flex;\r\n gap: clamp(1rem, 3vw, 1.5rem);\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: clamp(0.875rem, 2.5vw, 1rem) clamp(1.75rem, 4vw, 2.25rem);\r\n font-size: clamp(0.9rem, 2vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 18px;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n min-width: 180px;\r\n font-family: inherit;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--coral);\r\n color: var(--white);\r\n border-color: var(--coral);\r\n box-shadow: 0 4px 15px rgba(232, 118, 100, 0.2);\r\n }\r\n\r\n .btn-primary:hover,\r\n .btn-primary:focus {\r\n background: #d96652;\r\n border-color: #d96652;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px var(--shadow-hover);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--blue);\r\n border-color: var(--blue);\r\n box-shadow: 0 4px 15px rgba(13, 169, 186, 0.1);\r\n }\r\n\r\n .btn-secondary:hover,\r\n .btn-secondary:focus {\r\n background: var(--blue);\r\n color: var(--white);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(13, 169, 186, 0.25);\r\n }\r\n\r\n .btn:focus {\r\n outline: 2px solid var(--blue-dark);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* Mobile Styles *\/\r\n @media (max-width: 768px) {\r\n .mission-vision {\r\n margin-right: 0;\r\n margin-left: 0;\r\n width: 100%;\r\n }\r\n\r\n .mission-cards {\r\n grid-template-columns: 1fr;\r\n gap: clamp(1.5rem, 4vw, 2rem);\r\n }\r\n\r\n .mission-cta {\r\n flex-direction: column;\r\n align-items: center;\r\n max-width: 300px;\r\n margin: 0 auto;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n }\r\n\r\n \/* Disable animations on mobile *\/\r\n .mission-card,\r\n .card-icon,\r\n .btn {\r\n transition: none !important;\r\n }\r\n\r\n .mission-card:hover {\r\n transform: none;\r\n box-shadow: 0 8px 30px var(--shadow-light);\r\n }\r\n\r\n .mission-card:hover .card-icon {\r\n fill: var(--blue);\r\n }\r\n\r\n .btn:hover,\r\n .btn:focus {\r\n transform: none;\r\n }\r\n }\r\n\r\n \/* Reduced Motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .mission-card,\r\n .card-icon,\r\n .btn,\r\n .mission-header > *,\r\n .mission-cards {\r\n transition: none !important;\r\n }\r\n\r\n .mission-card:hover {\r\n transform: none;\r\n }\r\n\r\n .btn:hover,\r\n .btn:focus {\r\n transform: none;\r\n }\r\n }\r\n\r\n \/* Entrance Animation *\/\r\n .animate-ready .mission-header > * {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n .animate-ready .mission-card {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .animate-ready .mission-cta {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n .animate-ready .mission-kicker.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .mission-title.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .mission-lead.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .mission-card.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .mission-cta.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Disable entrance animation on mobile and reduced motion *\/\r\n @media (max-width: 768px), (prefers-reduced-motion: reduce) {\r\n .animate-ready .mission-header > *,\r\n .animate-ready .mission-card,\r\n .animate-ready .mission-cta {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n .animate-ready .mission-kicker.animate-in,\r\n .animate-ready .mission-title.animate-in,\r\n .animate-ready .mission-lead.animate-in,\r\n .animate-ready .mission-card.animate-in,\r\n .animate-ready .mission-cta.animate-in {\r\n transition: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"mission-vision\" aria-labelledby=\"mission-heading\" id=\"mission-section\">\r\n <div class=\"mission-container\">\r\n <header class=\"mission-header\">\r\n <p class=\"mission-kicker\">\u0645\u0646 \u0646\u062d\u0646<\/p>\r\n <h2 id=\"mission-heading\" class=\"mission-title\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627 \u0648\u0631\u0624\u064a\u062a\u0646\u0627<\/h2>\r\n <p class=\"mission-lead\">\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u062a\u0623\u062b\u064a\u0631 \u0642\u0627\u0628\u0644 \u0644\u0644\u0642\u064a\u0627\u0633.<\/p>\r\n <\/header>\r\n\r\n <div class=\"mission-cards\">\r\n <!-- Mission Card -->\r\n <article class=\"mission-card\">\r\n <svg class=\"card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <path d=\"M12 1v6m0 6v6m11-7h-6m-6 0H1\"\/>\r\n <\/svg>\r\n <p class=\"card-kicker\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/p>\r\n <h3 class=\"card-title\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/h3>\r\n <p class=\"card-description\">\r\n \u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0628\u062e\u062f\u0645\u0627\u062a \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0645\u0639\u062a\u0645\u062f\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0639\u0632\u0632 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u062f\u0641\u0639 \u0627\u0644\u0646\u0645\u0648 \u0648\u062a\u0636\u0645\u0646 \u0627\u0644\u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645.\r\n <\/p>\r\n <\/article>\r\n\r\n <!-- Vision Card -->\r\n <article class=\"mission-card\">\r\n <svg class=\"card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/>\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <p class=\"card-kicker\">\u0631\u0624\u064a\u062a\u0646\u0627<\/p>\r\n <h3 class=\"card-title\">\u0627\u0644\u0631\u0624\u064a\u0629<\/h3>\r\n <p class=\"card-description\">\r\n \u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u0623\u0643\u062b\u0631 \u062b\u0642\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0645\u064f\u0639\u062a\u0631\u0641 \u0628\u0646\u0627 \u0644\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0648\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u064a \u0639\u0628\u0631 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0648\u0645\u0627 \u0648\u0631\u0627\u0621\u0647\u0627.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"mission-cta\">\r\n <a href=\"https:\/\/consultraglobal.com\/ar\/service\/\" class=\"btn btn-primary\" aria-label=\"\u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629\">\u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n <a href=\"https:\/\/consultraglobal.com\/ar\/contact\/\" class=\"btn btn-secondary\" aria-label=\"\u0627\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0625\u0631\u0634\u0627\u062f\u064a\u0629\">\u0627\u0637\u0644\u0628 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const missionSection = document.getElementById('mission-section');\r\n const headerElements = {\r\n kicker: document.querySelector('.mission-kicker'),\r\n title: document.querySelector('.mission-title'),\r\n lead: document.querySelector('.mission-lead')\r\n };\r\n const missionCards = document.querySelectorAll('.mission-card');\r\n const ctaSection = document.querySelector('.mission-cta');\r\n const buttons = document.querySelectorAll('.btn');\r\n \r\n const isMobile = window.innerWidth <= 768;\r\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n \/\/ Enhanced accessibility for buttons\r\n buttons.forEach(button => {\r\n button.addEventListener('focus', function() {\r\n this.style.outline = '2px solid var(--blue-dark)';\r\n this.style.outlineOffset = '2px';\r\n });\r\n\r\n button.addEventListener('blur', function() {\r\n this.style.outline = '';\r\n this.style.outlineOffset = '';\r\n });\r\n });\r\n\r\n \/\/ Intersection Observer for entrance animations (desktop only)\r\n if (!isMobile && !prefersReducedMotion) {\r\n const observerOptions = {\r\n threshold: 0.2,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n missionSection.classList.add('animate-ready');\r\n \r\n \/\/ Header animation sequence\r\n setTimeout(() => headerElements.kicker.classList.add('animate-in'), 0);\r\n setTimeout(() => headerElements.title.classList.add('animate-in'), 120);\r\n setTimeout(() => headerElements.lead.classList.add('animate-in'), 240);\r\n \r\n \/\/ Cards animation with stagger\r\n missionCards.forEach((card, index) => {\r\n setTimeout(() => {\r\n card.classList.add('animate-in');\r\n }, 360 + (index * 120));\r\n });\r\n \r\n \/\/ CTA animation\r\n setTimeout(() => {\r\n ctaSection.classList.add('animate-in');\r\n }, 600);\r\n \r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n observer.observe(missionSection);\r\n } else {\r\n \/\/ Show content immediately on mobile or reduced motion\r\n Object.values(headerElements).forEach(element => {\r\n if (element) {\r\n element.style.opacity = '1';\r\n element.style.transform = 'none';\r\n }\r\n });\r\n \r\n missionCards.forEach(card => {\r\n card.style.opacity = '1';\r\n card.style.transform = 'none';\r\n });\r\n \r\n if (ctaSection) {\r\n ctaSection.style.opacity = '1';\r\n ctaSection.style.transform = 'none';\r\n }\r\n }\r\n\r\n \/\/ Handle resize events\r\n let resizeTimer;\r\n window.addEventListener('resize', function() {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function() {\r\n const newIsMobile = window.innerWidth <= 768;\r\n \r\n if (newIsMobile) {\r\n \/\/ Reset animations on mobile\r\n Object.values(headerElements).forEach(element => {\r\n if (element) {\r\n element.style.opacity = '1';\r\n element.style.transform = 'none';\r\n element.classList.remove('animate-in');\r\n }\r\n });\r\n \r\n missionCards.forEach(card => {\r\n card.style.opacity = '1';\r\n card.style.transform = 'none';\r\n card.classList.remove('animate-in');\r\n });\r\n \r\n if (ctaSection) {\r\n ctaSection.style.opacity = '1';\r\n ctaSection.style.transform = 'none';\r\n ctaSection.classList.remove('animate-in');\r\n }\r\n \r\n missionSection.classList.remove('animate-ready');\r\n }\r\n }, 250);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-785e640 e-con-full e-flex e-con e-parent\" data-id=\"785e640\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-561ba29 elementor-widget elementor-widget-html\" data-id=\"561ba29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627<\/title>\r\n <style>\r\n :root {\r\n --blue: #0da9ba;\r\n --blue-dark: #082a8a;\r\n --coral: #e87664;\r\n --beige: #fdd9b8;\r\n --white: #ffffff;\r\n --text-dark: #2c3e50;\r\n --text-light: #6c757d;\r\n --shadow-light: rgba(0, 0, 0, 0.08);\r\n --shadow-hover: rgba(232, 118, 100, 0.25);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .why-choose {\r\n width: 100vw;\r\n background: #fdf7f3;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n margin-left: calc(-50vw + 50%);\r\n margin-right: calc(-50vw + 50%);\r\n position: relative;\r\n padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 2rem);\r\n }\r\n\r\n .why-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 60fr 40fr;\r\n gap: clamp(3rem, 6vw, 4rem);\r\n align-items: center;\r\n }\r\n\r\n \/* Image Column *\/\r\n .image-column {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .media-card {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 40px var(--shadow-light);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n aspect-ratio: 4\/3;\r\n }\r\n\r\n .media-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .why-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .media-card:hover .why-image {\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* Text Column *\/\r\n .text-column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1.25rem, 2.5vw, 1.75rem);\r\n max-width: 65ch;\r\n }\r\n\r\n .why-kicker {\r\n color: var(--coral);\r\n font-weight: 600;\r\n font-size: clamp(0.85rem, 2vw, 1rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .why-title {\r\n font-size: clamp(2.25rem, 4.5vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--blue-dark);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .why-intro {\r\n font-size: clamp(1rem, 2.2vw, 1.15rem);\r\n line-height: 1.65;\r\n color: var(--text-dark);\r\n font-weight: 400;\r\n }\r\n\r\n .why-features {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: clamp(1rem, 2vw, 1.25rem);\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: clamp(0.75rem, 2vw, 1rem);\r\n }\r\n\r\n .feature-icon {\r\n width: clamp(1.25rem, 2.5vw, 1.5rem);\r\n height: clamp(1.25rem, 2.5vw, 1.5rem);\r\n fill: var(--blue);\r\n flex-shrink: 0;\r\n margin-top: 0.125rem;\r\n }\r\n\r\n .feature-content {\r\n flex: 1;\r\n }\r\n\r\n .feature-title {\r\n font-size: clamp(1rem, 2vw, 1.1rem);\r\n font-weight: 600;\r\n color: var(--blue-dark);\r\n margin-bottom: clamp(0.25rem, 0.5vw, 0.35rem);\r\n }\r\n\r\n .feature-text {\r\n font-size: clamp(0.9rem, 1.8vw, 1rem);\r\n line-height: 1.5;\r\n color: var(--text-light);\r\n font-weight: 400;\r\n }\r\n\r\n .why-buttons {\r\n display: flex;\r\n gap: clamp(1rem, 2.5vw, 1.25rem);\r\n flex-wrap: wrap;\r\n margin-top: clamp(0.5rem, 1.5vw, 1rem);\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3.5vw, 2rem);\r\n font-size: clamp(0.9rem, 1.8vw, 1rem);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 18px;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n min-width: 160px;\r\n font-family: inherit;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--coral);\r\n color: var(--white);\r\n border-color: var(--coral);\r\n box-shadow: 0 4px 15px rgba(232, 118, 100, 0.2);\r\n }\r\n\r\n .btn-primary:hover,\r\n .btn-primary:focus {\r\n background: #d96652;\r\n border-color: #d96652;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px var(--shadow-hover);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--blue);\r\n border-color: var(--blue);\r\n box-shadow: 0 4px 15px rgba(13, 169, 186, 0.1);\r\n }\r\n\r\n .btn-secondary:hover,\r\n .btn-secondary:focus {\r\n background: var(--blue);\r\n color: var(--white);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(13, 169, 186, 0.25);\r\n }\r\n\r\n .btn:focus {\r\n outline: 2px solid var(--blue-dark);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* Mobile Styles *\/\r\n @media (max-width: 768px) {\r\n .why-choose {\r\n margin-left: 0;\r\n margin-right: 0;\r\n width: 100%;\r\n }\r\n\r\n .why-container {\r\n grid-template-columns: 1fr;\r\n gap: clamp(2rem, 5vw, 3rem);\r\n }\r\n\r\n .image-column {\r\n order: -1;\r\n }\r\n\r\n .text-column {\r\n max-width: none;\r\n text-align: center;\r\n }\r\n\r\n .why-intro {\r\n text-align: right;\r\n max-width: 65ch;\r\n margin: 0 auto;\r\n }\r\n\r\n .why-features {\r\n text-align: right;\r\n max-width: 65ch;\r\n margin: 0 auto;\r\n }\r\n\r\n .why-buttons {\r\n justify-content: center;\r\n flex-direction: column;\r\n align-items: center;\r\n max-width: 300px;\r\n margin: clamp(0.5rem, 1.5vw, 1rem) auto 0;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n }\r\n\r\n .media-card {\r\n aspect-ratio: 3\/2;\r\n }\r\n\r\n \/* Disable animations on mobile *\/\r\n .media-card,\r\n .why-image,\r\n .btn {\r\n transition: none !important;\r\n }\r\n\r\n .media-card:hover {\r\n transform: none;\r\n box-shadow: 0 15px 40px var(--shadow-light);\r\n }\r\n\r\n .media-card:hover .why-image {\r\n transform: none;\r\n }\r\n\r\n .btn:hover,\r\n .btn:focus {\r\n transform: none;\r\n }\r\n }\r\n\r\n \/* Reduced Motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .media-card,\r\n .why-image,\r\n .btn,\r\n .text-column > * {\r\n transition: none !important;\r\n }\r\n\r\n .media-card:hover {\r\n transform: none;\r\n }\r\n\r\n .media-card:hover .why-image {\r\n transform: none;\r\n }\r\n\r\n .btn:hover,\r\n .btn:focus {\r\n transform: none;\r\n }\r\n }\r\n\r\n \/* Entrance Animation *\/\r\n .animate-ready .text-column > * {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n .animate-ready .why-kicker.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .why-title.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .why-intro.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .why-features.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .animate-ready .why-buttons.animate-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Disable entrance animation on mobile and reduced motion *\/\r\n @media (max-width: 768px), (prefers-reduced-motion: reduce) {\r\n .animate-ready .text-column > * {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n .animate-ready .why-kicker.animate-in,\r\n .animate-ready .why-title.animate-in,\r\n .animate-ready .why-intro.animate-in,\r\n .animate-ready .why-features.animate-in,\r\n .animate-ready .why-buttons.animate-in {\r\n transition: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"why-choose\" aria-labelledby=\"why-heading\" id=\"why-section\">\r\n <div class=\"why-container\">\r\n <!-- Image Column -->\r\n <div class=\"image-column\">\r\n <div class=\"media-card\">\r\n <img \r\n src=\"https:\/\/consultraglobal.com\/wp-content\/uploads\/2025\/09\/10.jpg\" \r\n alt=\"\u0645\u0633\u062a\u0634\u0627\u0631\u0648 \u0623\u0639\u0645\u0627\u0644 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627\" \r\n class=\"why-image\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Text Column -->\r\n <div class=\"text-column\">\r\n <p class=\"why-kicker\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627<\/p>\r\n <h2 id=\"why-heading\" class=\"why-title\">\u062e\u0628\u0631\u0629 \u0645\u0648\u062b\u0648\u0642\u0629\u060c \u062a\u0623\u062b\u064a\u0631 \u0642\u0627\u0628\u0644 \u0644\u0644\u0642\u064a\u0627\u0633<\/h2>\r\n <p class=\"why-intro\">\r\n \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0633\u0648\u0642 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0641\u0639\u0651\u0627\u0644\u0629 \u062d\u0642\u0627\u064b.\r\n <\/p>\r\n\r\n <ul class=\"why-features\" role=\"list\">\r\n <li class=\"feature-item\" role=\"listitem\">\r\n <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <div class=\"feature-content\">\r\n <h3 class=\"feature-title\">\u062e\u0628\u0631\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a:<\/h3>\r\n <p class=\"feature-text\">\u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"feature-item\" role=\"listitem\">\r\n <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n <\/svg>\r\n <div class=\"feature-content\">\r\n <h3 class=\"feature-title\">\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629:<\/h3>\r\n <p class=\"feature-text\">\u0643\u0644 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0648\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u0629.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"feature-item\" role=\"listitem\">\r\n <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\/>\r\n <\/svg>\r\n <div class=\"feature-content\">\r\n <h3 class=\"feature-title\">\u062e\u0628\u0631\u0629 \u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0645\u0639\u0631\u0641\u0629 \u0645\u062d\u0644\u064a\u0629:<\/h3>\r\n <p class=\"feature-text\">\u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"feature-item\" role=\"listitem\">\r\n <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"\/>\r\n <\/svg>\r\n <div class=\"feature-content\">\r\n <h3 class=\"feature-title\">\u0645\u0631\u0648\u0646\u0629 \u0648\u0627\u0628\u062a\u0643\u0627\u0631:<\/h3>\r\n <p class=\"feature-text\">\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0644\u0649 \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0628\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062d\u062f\u064a\u062b\u0629.<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"feature-item\" role=\"listitem\">\r\n <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/>\r\n <\/svg>\r\n <div class=\"feature-content\">\r\n <h3 class=\"feature-title\">\u0645\u0648\u062c\u0647\u0648\u0646 \u0646\u062d\u0648 \u0627\u0644\u0646\u062a\u0627\u0626\u062c:<\/h3>\r\n <p class=\"feature-text\">\u0646\u062c\u0627\u062d\u0646\u0627 \u064a\u064f\u0642\u0627\u0633 \u0628\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u062a\u064a \u0646\u0642\u062f\u0645\u0647\u0627.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"why-buttons\">\r\n <a href=\"https:\/\/consultraglobal.com\/ar\/service\/\" class=\"btn btn-primary\" aria-label=\"\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n <a href=\"https:\/\/consultraglobal.com\/ar\/contact\/\" class=\"btn btn-secondary\" aria-label=\"\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629\">\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const whySection = document.getElementById('why-section');\r\n const textElements = {\r\n kicker: document.querySelector('.why-kicker'),\r\n title: document.querySelector('.why-title'),\r\n intro: document.querySelector('.why-intro'),\r\n features: document.querySelector('.why-features'),\r\n buttons: document.querySelector('.why-buttons')\r\n };\r\n const buttons = document.querySelectorAll('.btn');\r\n \r\n const isMobile = window.innerWidth <= 768;\r\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n \/\/ Enhanced accessibility for buttons\r\n buttons.forEach(button => {\r\n button.addEventListener('focus', function() {\r\n this.style.outline = '2px solid var(--blue-dark)';\r\n this.style.outlineOffset = '2px';\r\n });\r\n\r\n button.addEventListener('blur', function() {\r\n this.style.outline = '';\r\n this.style.outlineOffset = '';\r\n });\r\n });\r\n\r\n \/\/ Intersection Observer for entrance animations (desktop only)\r\n if (!isMobile && !prefersReducedMotion) {\r\n const observerOptions = {\r\n threshold: 0.3,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n whySection.classList.add('animate-ready');\r\n \r\n \/\/ Staggered animation sequence (120ms intervals)\r\n const animationSequence = [\r\n { element: textElements.title, delay: 0 },\r\n { element: textElements.intro, delay: 120 },\r\n { element: textElements.features, delay: 240 },\r\n { element: textElements.buttons, delay: 360 }\r\n ];\r\n\r\n animationSequence.forEach(({ element, delay }) => {\r\n if (element) {\r\n setTimeout(() => {\r\n element.classList.add('animate-in');\r\n }, delay);\r\n }\r\n });\r\n \r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n observer.observe(whySection);\r\n } else {\r\n \/\/ Show content immediately on mobile or reduced motion\r\n Object.values(textElements).forEach(element => {\r\n if (element) {\r\n element.style.opacity = '1';\r\n element.style.transform = 'none';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Handle resize events\r\n let resizeTimer;\r\n window.addEventListener('resize', function() {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function() {\r\n const newIsMobile = window.innerWidth <= 768;\r\n \r\n if (newIsMobile) {\r\n \/\/ Reset animations on mobile\r\n Object.values(textElements).forEach(element => {\r\n if (element) {\r\n element.style.opacity = '1';\r\n element.style.transform = 'none';\r\n element.classList.remove('animate-in');\r\n }\r\n });\r\n whySection.classList.remove('animate-ready');\r\n }\r\n }, 250);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0642\u0633\u0645 \u062d\u0648\u0644 \u0634\u0631\u0643\u0629 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a \u062d\u0648\u0644 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u0647\u064a \u0634\u0631\u0643\u0629 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0623\u0639\u0645\u0627\u0644 \u0631\u0627\u0626\u062f\u0629 \u064a\u0642\u0639 \u0645\u0642\u0631\u0647\u0627 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-317","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/pages\/317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/comments?post=317"}],"version-history":[{"count":17,"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/pages\/317\/revisions"}],"predecessor-version":[{"id":404,"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/pages\/317\/revisions\/404"}],"wp:attachment":[{"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/media?parent=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}