{"id":305,"date":"2025-09-15T11:59:02","date_gmt":"2025-09-15T11:59:02","guid":{"rendered":"https:\/\/consultraglobal.com\/%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9\/"},"modified":"2025-10-02T20:59:51","modified_gmt":"2025-10-02T20:59:51","slug":"home","status":"publish","type":"page","link":"https:\/\/consultraglobal.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"305\" class=\"elementor elementor-305 elementor-182\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfb1314 e-con-full e-flex e-con e-parent\" data-id=\"dfb1314\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-252f591 elementor-widget elementor-widget-html\" data-id=\"252f591\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --blue: #0da9ba;\r\n    --blue-dark: #082a8a;\r\n    --coral: #e87664;\r\n    --white: #ffffff;\r\n    --text-dark: #1b1b1b;\r\n    --shadow: 0 4px 20px rgba(8, 42, 138, 0.15);\r\n  }\r\n\r\n  .hero-slider {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    background: var(--text-dark);\r\n  }\r\n\r\n  .slider-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n    transition: opacity 1s ease-in-out;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .slide.active {\r\n    opacity: 1;\r\n  }\r\n\r\n  .slide-background {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    filter: blur(2px);\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  .slide-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(8, 42, 138, 0.3) 0%, rgba(13, 169, 186, 0.2) 50%, rgba(232, 118, 100, 0.25) 100%);\r\n  }\r\n\r\n  .slide-content {\r\n    position: relative;\r\n    z-index: 10;\r\n    text-align: center;\r\n    color: var(--white);\r\n    max-width: 900px;\r\n    padding: 0 clamp(1rem, 5vw, 2rem);\r\n  }\r\n\r\n  .slide-title {\r\n    color: var(--blue-dark);\r\n    font-size: clamp(2.4rem, 6vw, 3.5rem);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin-bottom: clamp(1rem, 3vw, 1.5rem);\r\n    text-shadow: none;\r\n  }\r\n\r\n  .slide-text {\r\n    font-size: clamp(1.1rem, 2.5vw, 1.3rem);\r\n    line-height: 1.5;\r\n    margin-bottom: clamp(2rem, 4vw, 2.5rem);\r\n    opacity: 0.95;\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  .slide-buttons {\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    padding: clamp(12px, 2.5vw, 16px) clamp(24px, 4vw, 32px);\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: clamp(1rem, 2vw, 1.1rem);\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid transparent;\r\n    cursor: pointer;\r\n    min-width: 140px;\r\n    text-align: center;\r\n    white-space: nowrap;\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  }\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: var(--shadow);\r\n  }\r\n\r\n  .btn-secondary {\r\n    background: transparent;\r\n    color: var(--white);\r\n    border-color: var(--white);\r\n  }\r\n\r\n  .btn-secondary:hover,\r\n  .btn-secondary:focus {\r\n    background: var(--white);\r\n    color: var(--blue-dark);\r\n    transform: translateY(-2px);\r\n    box-shadow: var(--shadow);\r\n  }\r\n\r\n  .slider-nav {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    gap: 12px;\r\n    z-index: 20;\r\n  }\r\n\r\n  .nav-dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.5);\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .nav-dot.active {\r\n    background: var(--white);\r\n    transform: scale(1.3);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .hero-slider {\r\n      height: 80vh;\r\n      min-height: 600px;\r\n    }\r\n\r\n    .slide-buttons {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .btn {\r\n      width: 100%;\r\n      max-width: 280px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"hero-slider\" role=\"banner\" aria-label=\"\u0634\u0631\u064a\u0637 \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0628\u0637\u0644\">\r\n  <div class=\"slider-container\">\r\n    <!-- Slide 1 -->\r\n    <div class=\"slide active\">\r\n      <div class=\"slide-background\" style=\"background-image:url('https:\/\/consultraglobal.com\/wp-content\/uploads\/2025\/09\/3.jpg')\"><\/div>\r\n      <div class=\"slide-overlay\"><\/div>\r\n      <div class=\"slide-content\">\r\n        <h1 class=\"slide-title\">\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0646\u0645\u0648 \u0645\u0633\u062a\u062f\u0627\u0645<\/h1>\r\n        <p class=\"slide-text\">\u0631\u0624\u0649 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u062a\u0639\u0632\u0632 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633<\/p>\r\n        <div class=\"slide-buttons\">\r\n          <a href=\"https:\/\/consultraglobal.com\/ar\/contact\/\" class=\"btn btn-primary\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636<\/a>\r\n          <a href=\"https:\/\/consultraglobal.com\/ar\/service\/\" class=\"btn btn-secondary\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 2 -->\r\n    <div class=\"slide\">\r\n      <div class=\"slide-background\" style=\"background-image:url('https:\/\/consultraglobal.com\/wp-content\/uploads\/2025\/09\/2.jpg')\"><\/div>\r\n      <div class=\"slide-overlay\"><\/div>\r\n      <div class=\"slide-content\">\r\n        <h1 class=\"slide-title\">\u062e\u0628\u0631\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u062e\u0635\u0635\u0629<\/h1>\r\n        <p class=\"slide-text\">\u0645\u0646 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0646\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0635\u0646\u0627\u0639\u062a\u0643<\/p>\r\n        <div class=\"slide-buttons\">\r\n          <a href=\"https:\/\/consultraglobal.com\/contact\/\" class=\"btn btn-primary\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636<\/a>\r\n          <a href=\"https:\/\/consultraglobal.com\/service\/\" class=\"btn btn-secondary\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 3 -->\r\n    <div class=\"slide\">\r\n      <div class=\"slide-background\" style=\"background-image:url('https:\/\/consultraglobal.com\/wp-content\/uploads\/2025\/09\/1.jpg')\"><\/div>\r\n      <div class=\"slide-overlay\"><\/div>\r\n      <div class=\"slide-content\">\r\n        <h1 class=\"slide-title\">\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0644\u062a\u0623\u062b\u064a\u0631 \u062a\u062d\u0648\u064a\u0644\u064a<\/h1>\r\n        <p class=\"slide-text\">\u0646\u062d\u0644 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u064a\u0648\u0645 \u0648\u0646\u0639\u062f\u0643 \u0644\u0641\u0631\u0635 \u0627\u0644\u063a\u062f<\/p>\r\n        <div class=\"slide-buttons\">\r\n          <a href=\"https:\/\/consultraglobal.com\/contact\/\" class=\"btn btn-primary\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636<\/a>\r\n          <a href=\"https:\/\/consultraglobal.com\/service\/\" class=\"btn btn-secondary\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <nav class=\"slider-nav\">\r\n    <button class=\"nav-dot active\"><\/button>\r\n    <button class=\"nav-dot\"><\/button>\r\n    <button class=\"nav-dot\"><\/button>\r\n  <\/nav>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const slides = document.querySelectorAll('.slide');\r\n  const dots = document.querySelectorAll('.nav-dot');\r\n  let current = 0;\r\n\r\n  function showSlide(i){\r\n    slides[current].classList.remove('active');\r\n    dots[current].classList.remove('active');\r\n    current = i;\r\n    slides[current].classList.add('active');\r\n    dots[current].classList.add('active');\r\n  }\r\n\r\n  dots.forEach((dot,i)=>{\r\n    dot.addEventListener('click',()=>showSlide(i));\r\n  });\r\n\r\n  setInterval(()=>{\r\n    showSlide((current+1)%slides.length);\r\n  },6000);\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-0b73e2f e-con-full e-flex e-con e-parent\" data-id=\"0b73e2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9af3698 elementor-widget elementor-widget-html\" data-id=\"9af3698\" 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>\u062e\u062f\u0645\u0627\u062a \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            --light-beige: #fdf9f6;\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(13, 169, 186, 0.15);\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        .services {\r\n            background: var(--light-beige);\r\n            padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 2rem);\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n        }\r\n\r\n        .services-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .services-header {\r\n            text-align: center;\r\n            margin-bottom: clamp(2.5rem, 6vw, 4rem);\r\n        }\r\n\r\n        .services-title {\r\n            font-size: clamp(2rem, 4vw, 2.75rem);\r\n            font-weight: 700;\r\n            color: var(--blue-dark);\r\n            margin-bottom: clamp(0.75rem, 2vw, 1rem);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .services-subtitle {\r\n            font-size: clamp(1rem, 2.5vw, 1.25rem);\r\n            color: var(--text-light);\r\n            font-style: italic;\r\n            line-height: 1.5;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: clamp(1.5rem, 3vw, 2rem);\r\n            align-items: stretch;\r\n        }\r\n\r\n        .service-card {\r\n            background: var(--white);\r\n            border-radius: 18px;\r\n            padding: clamp(1.5rem, 4vw, 2rem);\r\n            text-align: center;\r\n            box-shadow: 0 4px 20px var(--shadow-light);\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            position: relative;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 12px 40px var(--shadow-hover);\r\n        }\r\n\r\n        .service-card:hover .service-icon svg {\r\n            fill: var(--blue);\r\n        }\r\n\r\n        .service-card:hover .service-title {\r\n            text-decoration: underline;\r\n            text-decoration-color: var(--blue);\r\n            text-underline-offset: 4px;\r\n        }\r\n\r\n        .service-icon {\r\n            margin-bottom: clamp(1rem, 3vw, 1.5rem);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .service-icon svg {\r\n            width: clamp(2.5rem, 6vw, 3.5rem);\r\n            height: clamp(2.5rem, 6vw, 3.5rem);\r\n            fill: var(--coral);\r\n            transition: fill 0.3s ease;\r\n        }\r\n\r\n        .service-content {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .service-title {\r\n            font-size: clamp(1.1rem, 2.5vw, 1.35rem);\r\n            font-weight: 600;\r\n            color: var(--blue-dark);\r\n            margin-bottom: clamp(0.75rem, 2vw, 1rem);\r\n            line-height: 1.3;\r\n            transition: all 0.3s ease;\r\n            min-height: 6.7em;\r\n            display: flex;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        .service-description {\r\n            font-size: clamp(0.9rem, 2vw, 1rem);\r\n            color: var(--text-light);\r\n            line-height: 1.6;\r\n            margin-bottom: clamp(1rem, 3vw, 1.5rem);\r\n            flex: 1;\r\n            text-align: justify;\r\n            text-align-last: right;\r\n            text-align: right; \r\n        }\r\n\r\n        .service-link {\r\n            color: var(--blue);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            font-size: clamp(0.9rem, 2vw, 1rem);\r\n            position: relative;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .service-link:hover,\r\n        .service-link:focus {\r\n            color: var(--blue-dark);\r\n            transform: translateX(-4px);\r\n        }\r\n\r\n        .service-link:focus {\r\n            outline: 2px solid var(--blue);\r\n            outline-offset: 2px;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .service-link::after {\r\n            content: \" \u2190\";\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .service-link:hover::after {\r\n            transform: translateX(-4px);\r\n        }\r\n\r\n        \/* Tablet Styles *\/\r\n        @media (max-width: 1024px) {\r\n            .services-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: clamp(1.25rem, 2.5vw, 1.75rem);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Styles *\/\r\n        @media (max-width: 768px) {\r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: clamp(1rem, 3vw, 1.5rem);\r\n            }\r\n\r\n            .service-card {\r\n                transition: none;\r\n            }\r\n\r\n            .service-card:hover {\r\n                transform: none;\r\n                box-shadow: 0 4px 20px var(--shadow-light);\r\n            }\r\n\r\n            .service-card:hover .service-icon svg {\r\n                fill: var(--coral);\r\n            }\r\n\r\n            .service-card:hover .service-title {\r\n                text-decoration: none;\r\n            }\r\n\r\n            .service-link:hover {\r\n                transform: none;\r\n            }\r\n\r\n            .service-link:hover::after {\r\n                transform: none;\r\n            }\r\n        }\r\n\r\n        \/* Reduced Motion *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .service-card,\r\n            .service-icon svg,\r\n            .service-title,\r\n            .service-link,\r\n            .service-link::after {\r\n                transition: none;\r\n            }\r\n\r\n            .service-card:hover {\r\n                transform: none;\r\n            }\r\n\r\n            .service-link:hover {\r\n                transform: none;\r\n            }\r\n\r\n            .service-link:hover::after {\r\n                transform: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"services\" aria-labelledby=\"services-heading\">\r\n        <div class=\"services-container\">\r\n            <header class=\"services-header\">\r\n                <h2 id=\"services-heading\" class=\"services-title\">\u0645\u0627 \u0646\u0642\u062f\u0645\u0647<\/h2>\r\n                <p class=\"services-subtitle\">\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0645\u062e\u0635\u0635\u0629<\/p>\r\n            <\/header>\r\n\r\n            <div class=\"services-grid\">\r\n                <!-- Financial & Accounting Services -->\r\n                <article class=\"service-card\">\r\n                    <div class=\"service-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm0 2v12h16V6H4zm2 2h2v2H6V8zm4 0h2v2h-2V8zm4 0h2v2h-2V8zm-8 4h2v2H6v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm-8 4h8v2H6v-2z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a\u0629<\/h3>\r\n                        <p class=\"service-description\">\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u062f\u0639\u0645 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645<\/p>\r\n                        <a href=\"https:\/\/consultraglobal.com\/ar\/service\/\" class=\"service-link\" aria-label=\"\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f \u062d\u0648\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a\u0629\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Human Resources & Organizational Development -->\r\n                <article class=\"service-card\">\r\n                    <div class=\"service-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M16 4c1.11 0 2 .89 2 2 0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2zm4 18v-6h2.5l-2.54-7.63A3.98 3.98 0 0 0 16.18 6c-.8 0-1.54.5-1.85 1.26l-1.92 5.76c-.15.46.08.96.54 1.11.46.15.96-.08 1.11-.54L15.5 10h1l2.5 7.5V22h1zM12.5 11.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5S11 9.17 11 10s.67 1.5 1.5 1.5zm1.5 1h-3c-.83 0-1.5.67-1.5 1.5V22h2v-4.5h1V22h2v-8.5c0-.83-.67-1.5-1.5-1.5zM8 4c1.11 0 2 .89 2 2s-.89 2-2 2-2-.89-2-2 .89-2 2-2zM2 18v4h2v-3h1v3h2v-4.5c0-.83-.67-1.5-1.5-1.5h-2c-.83 0-1.5.67-1.5 1.5z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a<\/h3>\r\n                        <p class=\"service-description\">\u0628\u0646\u0627\u0621 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0644\u062c\u0630\u0628 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0647\u0627 \u0648\u062a\u0646\u0645\u064a\u062a\u0647\u0627<\/p>\r\n                        <a href=\"https:\/\/consultraglobal.com\/ar\/service\/\" class=\"service-link\" aria-label=\"\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f \u062d\u0648\u0644 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Marketing & Brand Consultancy -->\r\n                <article class=\"service-card\">\r\n                    <div class=\"service-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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                            <path d=\"M3 3h4l2 4h9a1 1 0 0 1 1 1 1 1 0 0 1-.08.38l-1.8 5.17a1 1 0 0 1-.92.62H8.68l-.8 1.46a1 1 0 0 0 .87 1.54H19v2H8a3 3 0 0 1-2.61-4.46L6.34 12H4.27l-.84-2H3V3zm3 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm10 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n                        <p class=\"service-description\">\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0638\u0647\u0648\u0631 \u0648\u0627\u0644\u0648\u0639\u064a \u0648\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/p>\r\n                        <a href=\"https:\/\/consultraglobal.com\/ar\/service\/\" class=\"service-link\" aria-label=\"\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f \u062d\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Business Process & Operations Improvement -->\r\n                <article class=\"service-card\">\r\n                    <div class=\"service-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M12 15.5A3.5 3.5 0 0 1 8.5 12A3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97c0-.33-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1c0 .33.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.66Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/h3>\r\n                        <p class=\"service-description\">\u062a\u062d\u0633\u064a\u0646 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0647\u062f\u0631 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/p>\r\n                        <a href=\"https:\/\/consultraglobal.com\/ar\/service\/\" class=\"service-link\" aria-label=\"\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f \u062d\u0648\u0644 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n                    <\/div>\r\n                <\/article>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Enhanced accessibility and interaction handling\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const serviceCards = document.querySelectorAll('.service-card');\r\n            const serviceLinks = document.querySelectorAll('.service-link');\r\n\r\n            \/\/ Add keyboard navigation support for cards\r\n            serviceCards.forEach(card => {\r\n                card.addEventListener('keydown', function(e) {\r\n                    \/\/ If Enter or Space is pressed on a card, click the Read More link\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        e.preventDefault();\r\n                        const link = card.querySelector('.service-link');\r\n                        if (link) {\r\n                            link.click();\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Enhanced focus management for better accessibility\r\n            serviceLinks.forEach(link => {\r\n                link.addEventListener('focus', function() {\r\n                    \/\/ Add subtle visual feedback when link receives focus\r\n                    this.style.outline = '2px solid var(--blue)';\r\n                    this.style.outlineOffset = '2px';\r\n                });\r\n\r\n                link.addEventListener('blur', function() {\r\n                    \/\/ Remove custom outline when focus is lost (CSS will handle this)\r\n                    this.style.outline = '';\r\n                    this.style.outlineOffset = '';\r\n                });\r\n            });\r\n\r\n            \/\/ Intersection Observer for smooth animations (only if motion is not reduced)\r\n            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches && window.innerWidth > 768) {\r\n                const observerOptions = {\r\n                    threshold: 0.1,\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                            entry.target.style.opacity = '1';\r\n                            entry.target.style.transform = 'translateY(0)';\r\n                        }\r\n                    });\r\n                }, observerOptions);\r\n\r\n                \/\/ Initially hide cards for animation\r\n                serviceCards.forEach((card, index) => {\r\n                    card.style.opacity = '0';\r\n                    card.style.transform = 'translateY(30px)';\r\n                    card.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n                    observer.observe(card);\r\n                });\r\n            }\r\n\r\n            \/\/ Handle resize to disable\/enable animations based on screen size\r\n            let resizeTimer;\r\n            window.addEventListener('resize', function() {\r\n                clearTimeout(resizeTimer);\r\n                resizeTimer = setTimeout(function() {\r\n                    const isMobile = window.innerWidth <= 768;\r\n                    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n                    \r\n                    if (isMobile || prefersReducedMotion) {\r\n                        \/\/ Reset any transform\/opacity changes on mobile or reduced motion\r\n                        serviceCards.forEach(card => {\r\n                            card.style.opacity = '1';\r\n                            card.style.transform = 'none';\r\n                        });\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-1ff2df7 e-con-full e-flex e-con e-parent\" data-id=\"1ff2df7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-316c7e2 elementor-widget elementor-widget-html\" data-id=\"316c7e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Why Consultra is the Best (Our Story) \u2013 single self-contained block for Elementor HTML widget -->\r\n<section class=\"consultra-why\" aria-labelledby=\"why-consultra-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      --text:#1b1b1b;\r\n      --muted:#656565;\r\n      --radius:18px;\r\n      --shadow:0 6px 20px rgba(0,0,0,.08);\r\n      --shadow-hover:0 18px 40px rgba(13,169,186,.18);\r\n      --maxw:1200px;\r\n      --pad:clamp(16px,2vw,24px);\r\n      --pad-lg:clamp(24px,4vw,48px);\r\n      --h2:clamp(1.6rem,2.6vw,2.2rem);\r\n      --lead:clamp(1rem,1.5vw,1.125rem);\r\n      --card-title:clamp(1.05rem,1.6vw,1.25rem);\r\n      --body:clamp(.95rem,1.2vw,1rem);\r\n    }\r\n    .consultra-why{\r\n      width:100%;\r\n      background:linear-gradient(180deg, #fff 0%, var(--beige) 100%);\r\n      color:var(--text);\r\n    }\r\n    .consultra-why .inner{\r\n      max-width:var(--maxw);\r\n      margin-inline:auto;\r\n      padding:var(--pad-lg) var(--pad);\r\n    }\r\n    .consultra-why header{\r\n      text-align:center;\r\n      margin-bottom:clamp(24px,3vw,40px);\r\n    }\r\n    .consultra-why h2{\r\n      font:600 var(--h2)\/1.2 system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\";\r\n      color:var(--blue-dark);\r\n      margin:0 0 .35em;\r\n      letter-spacing:.2px;\r\n    }\r\n    \/* \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0627\u0628 \u062a\u0627\u064a\u062a\u0644 \u0628\u062f\u0648\u0646 \u0627\u0644\u0634\u0631\u0637\u0629 *\/\r\n    .consultra-why .sub{\r\n      display:inline-block;\r\n      color:var(--coral);\r\n      font-weight:600;\r\n      font-size:.9rem;\r\n      letter-spacing:.4px;\r\n      margin-bottom:.65em;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0641\u0642\u0631\u0629: \u0643\u0644 \u0633\u0637\u0631 \u064a\u0628\u062f\u0623 \u0645\u0646 \u0646\u0641\u0633 \u0627\u0644\u0646\u0642\u0637\u0629 *\/\r\n    .consultra-why .lead{\r\n      max-width:min(70ch, 90%);\r\n      margin:0 auto;\r\n      font-size:var(--lead);\r\n      line-height:1.55;\r\n      color:var(--muted);\r\n      text-align:right;\r\n    }\r\n\r\n    .why-grid{\r\n      display:grid;\r\n      gap:clamp(16px,2.2vw,24px);\r\n      grid-template-columns:1fr;\r\n    }\r\n    @media (min-width: 641px){\r\n      .why-grid{ grid-template-columns:repeat(2,1fr); }\r\n    }\r\n    @media (min-width: 992px){\r\n      .why-grid{ grid-template-columns:repeat(3,1fr); }\r\n    }\r\n\r\n    .why-card{\r\n      background:#fff;\r\n      border-radius:var(--radius);\r\n      box-shadow:var(--shadow);\r\n      overflow:hidden;\r\n      display:flex;\r\n      flex-direction:column;\r\n      min-height:100%;\r\n      outline:0;\r\n      transition:transform .6s cubic-bezier(.2,.8,.2,1), box-shadow .6s cubic-bezier(.2,.8,.2,1);\r\n      will-change:transform;\r\n    }\r\n    .why-card:hover,\r\n    .why-card:focus-within{\r\n      transform:translateY(-6px);\r\n      box-shadow:var(--shadow-hover);\r\n    }\r\n\r\n    .why-card figure{\r\n      position:relative;\r\n      margin:0;\r\n      aspect-ratio:3\/2;\r\n      overflow:hidden;\r\n    }\r\n    .why-card img{\r\n      width:100%; height:100%;\r\n      object-fit:cover;\r\n      display:block;\r\n      filter:saturate(1.02);\r\n      transform:scale(1.02);\r\n      transition:transform .7s cubic-bezier(.2,.8,.2,1), filter .7s cubic-bezier(.2,.8,.2,1);\r\n    }\r\n    .why-card:hover img{ transform:scale(1.06); }\r\n    .why-card figure::after{\r\n      content:\"\";\r\n      position:absolute; inset:0;\r\n      background:linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.08) 100%);\r\n    }\r\n\r\n    .why-card .content{\r\n      padding:clamp(16px,2vw,22px);\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:.55rem;\r\n      flex:1;\r\n    }\r\n    .why-card h3{\r\n      margin:0;\r\n      color:var(--blue-dark);\r\n      font:700 var(--card-title)\/1.25 system-ui;\r\n      letter-spacing:.1px;\r\n      transition:color .4s ease;\r\n    }\r\n    .why-card p{\r\n      margin:0 0 .25rem;\r\n      color:#3b3b3b;\r\n      font-size:var(--body);\r\n      line-height:1.55;\r\n      display:-webkit-box;\r\n      -webkit-line-clamp:2;\r\n      -webkit-box-orient:vertical;\r\n      overflow:hidden;\r\n    }\r\n    .why-card a.more{\r\n      margin-top:auto;\r\n      align-self:flex-start;\r\n      font-weight:600;\r\n      font-size:clamp(.95rem,1.1vw,1rem);\r\n      color:var(--blue);\r\n      text-decoration:none;\r\n      position:relative;\r\n      outline-offset:3px;\r\n      transition:color .25s ease;\r\n    }\r\n    .why-card a.more::after{\r\n      content:\"\u2190\";\r\n      margin-right:.35em;\r\n      display:inline-block;\r\n      transform:translateX(0);\r\n      transition:transform .3s ease;\r\n    }\r\n    .why-card:hover h3,\r\n    .why-card:focus-within h3{ color:var(--blue); }\r\n    .why-card a.more:hover::after,\r\n    .why-card a.more:focus-visible::after{ transform:translateX(-3px); }\r\n\r\n    @media (max-width:768px){\r\n      .why-card,\r\n      .why-card img{ transition:none !important; }\r\n      .why-card:hover{ transform:none; box-shadow:var(--shadow); }\r\n    }\r\n    @media (prefers-reduced-motion: reduce){\r\n      .why-card, .why-card img{ transition:none !important; }\r\n    }\r\n\r\n    .reveal-ready .why-card{\r\n      opacity:0;\r\n      transform:translateY(14px);\r\n    }\r\n    .reveal-ready .why-card.revealed{\r\n      opacity:1;\r\n      transform:translateY(0);\r\n      transition:transform .65s cubic-bezier(.2,.8,.2,1), opacity .65s ease;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"inner\">\r\n    <header>\r\n      <span class=\"sub\" aria-hidden=\"true\">\u0645\u0631\u062d\u0628\u0627 \u0628\u0643 \u0641\u064a \u0634\u0631\u0643\u062a\u0646\u0627<\/span>\r\n      <h2 id=\"why-consultra-title\">\u0644\u0645\u0627\u0630\u0627 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u0647\u064a \u0627\u0644\u0623\u0641\u0636\u0644<\/h2>\r\n      <p class=\"lead\">\r\n        \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 \u0639\u0642\u062f\u064a\u0646 \u0645\u0646 \u0627\u0644\u0632\u0645\u0646 \u062f\u0639\u0645\u0646\u0627 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0628\u062c\u0645\u064a\u0639 \u0623\u062d\u062c\u0627\u0645\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0631\u0624\u0649 \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"why-grid\" id=\"why-grid\" role=\"list\">\r\n      <article class=\"why-card\" role=\"listitem\">\r\n        <figure>\r\n          <img src=\"https:\/\/consultraglobal.com\/wp-content\/uploads\/2025\/09\/5.jpg\" alt=\"\u0641\u0631\u064a\u0642 \u0627\u0633\u062a\u0634\u0627\u0631\u064a \u064a\u062a\u0639\u0627\u0648\u0646 \u0639\u0628\u0631 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \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\" loading=\"lazy\" decoding=\"async\">\r\n        <\/figure>\r\n        <div class=\"content\">\r\n          <h3>\u062e\u0628\u0631\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a<\/h3>\r\n          <p>\u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \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 \u0646\u0642\u062f\u0645 \u0631\u0624\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0643\u0644 \u062a\u062d\u062f\u064d<\/p>\r\n          <a class=\"more\" href=\"https:\/\/consultraglobal.com\/ar\/about\/\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"why-card\" role=\"listitem\">\r\n        <figure>\r\n          <img src=\"https:\/\/consultraglobal.com\/wp-content\/uploads\/2025\/09\/6.jpg\" alt=\"\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0645\u0635\u0645\u0645\u0629 \u062d\u0648\u0644 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u0629\" loading=\"lazy\" decoding=\"async\">\r\n        <\/figure>\r\n        <div class=\"content\">\r\n          <h3>\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629<\/h3>\r\n          <p>\u0643\u0644 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u062d\u0648\u0644 \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u062a \u0635\u0646\u0627\u0639\u062a\u0643 \u0644\u0627 \u062a\u0648\u062c\u062f \u062d\u0644\u0648\u0644 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062c\u0645\u064a\u0639<\/p>\r\n          <a class=\"more\" href=\"https:\/\/consultraglobal.com\/ar\/about\/\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"why-card\" role=\"listitem\">\r\n        <figure>\r\n          <img src=\"https:\/\/consultraglobal.com\/wp-content\/uploads\/2025\/09\/7.jpg\" alt=\"\u062e\u0628\u0631\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u062a\u0644\u062a\u0642\u064a \u0628\u0631\u0624\u064a\u0629 \u0645\u062d\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0630\u0627\u062a \u0645\u063a\u0632\u0649\" loading=\"lazy\" decoding=\"async\">\r\n        <\/figure>\r\n        <div class=\"content\">\r\n          <h3>\u062e\u0628\u0631\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0631\u0624\u064a\u0629 \u0645\u062d\u0644\u064a\u0629<\/h3>\r\n          <p>\u0646\u0645\u0632\u062c \u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0645\u0639\u0631\u0641\u0629 \u0633\u0648\u0642 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0647\u0645\u0629 \u062d\u0642\u0627<\/p>\r\n          <a class=\"more\" href=\"https:\/\/consultraglobal.com\/ar\/about\/\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const isMobile = window.matchMedia(\"(max-width: 768px)\").matches;\r\n      const prefersReduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n      if (!isMobile && !prefersReduced) {\r\n        const grid = document.getElementById(\"why-grid\");\r\n        if (grid) {\r\n          grid.classList.add(\"reveal-ready\");\r\n          const cards = Array.from(grid.querySelectorAll(\".why-card\"));\r\n          const io = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry) => {\r\n              if (entry.isIntersecting) {\r\n                const i = cards.indexOf(entry.target);\r\n                entry.target.style.transitionDelay = (100 + i * 90) + \"ms\";\r\n                entry.target.classList.add(\"revealed\");\r\n                io.unobserve(entry.target);\r\n              }\r\n            });\r\n          }, { threshold: 0.18 });\r\n          cards.forEach(c => io.observe(c));\r\n        }\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8b88e2 e-con-full e-flex e-con e-parent\" data-id=\"c8b88e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88f109b elementor-widget elementor-widget-html\" data-id=\"88f109b\" 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>\u0645\u0647\u0645\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-image: rgba(13, 169, 186, 0.15);\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%, #faf9f8 100%);\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            overflow: hidden;\r\n        }\r\n\r\n        .mission-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 2rem);\r\n        }\r\n\r\n        .mission-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: clamp(2rem, 6vw, 4rem);\r\n            align-items: center;\r\n            min-height: 500px;\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(1rem, 3vw, 1.5rem);\r\n        }\r\n\r\n        .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-description {\r\n            font-size: clamp(1rem, 2.5vw, 1.15rem);\r\n            line-height: 1.65;\r\n            color: var(--text-light);\r\n            margin-bottom: clamp(1.5rem, 4vw, 2rem);\r\n            font-weight: 400;\r\n        }\r\n\r\n        .mission-buttons {\r\n            display: flex;\r\n            gap: clamp(1rem, 3vw, 1.5rem);\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.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);\r\n            font-size: clamp(0.9rem, 2vw, 1rem);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            border-radius: 8px;\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: 140px;\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        }\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 8px 25px rgba(232, 118, 100, 0.3);\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        }\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 8px 25px rgba(13, 169, 186, 0.3);\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            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .image-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 500px;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 60px var(--shadow-image);\r\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .image-wrapper:hover {\r\n            transform: translateY(-8px);\r\n        }\r\n\r\n        .mission-image {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n            aspect-ratio: 4\/3;\r\n            object-fit: cover;\r\n            object-position: center;\r\n        }\r\n\r\n        \/* Mobile Styles *\/\r\n        @media (max-width: 768px) {\r\n            .mission-vision {\r\n                margin-left: 0;\r\n                margin-right: 0;\r\n                width: 100%;\r\n            }\r\n\r\n            .mission-content {\r\n                grid-template-columns: 1fr;\r\n                gap: clamp(2rem, 6vw, 3rem);\r\n                text-align: center;\r\n            }\r\n\r\n            .image-column {\r\n                order: -1;\r\n            }\r\n\r\n            .image-wrapper {\r\n                max-width: 400px;\r\n            }\r\n\r\n            .mission-buttons {\r\n                justify-content: center;\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n\r\n            .btn {\r\n                width: 100%;\r\n                max-width: 280px;\r\n            }\r\n\r\n            \/* Disable animations on mobile *\/\r\n            .image-wrapper,\r\n            .btn {\r\n                transition: none !important;\r\n            }\r\n\r\n            .image-wrapper: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        \/* Reduced Motion *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .image-wrapper,\r\n            .btn,\r\n            .text-column,\r\n            .image-column {\r\n                transition: none !important;\r\n            }\r\n\r\n            .image-wrapper: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        .fade-in-ready .text-column {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        .fade-in-ready .image-column {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        .fade-in-ready .text-column.animate-in {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n            transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .fade-in-ready .image-column.animate-in {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n            transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s 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            .fade-in-ready .text-column,\r\n            .fade-in-ready .image-column {\r\n                opacity: 1;\r\n                transform: none;\r\n            }\r\n\r\n            .fade-in-ready .text-column.animate-in,\r\n            .fade-in-ready .image-column.animate-in {\r\n                animation: none;\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\">\r\n        <div class=\"mission-container\">\r\n            <div class=\"mission-content\" id=\"mission-content\">\r\n                <!-- Text Column -->\r\n                <div class=\"text-column\">\r\n                    <p class=\"kicker\">\u0645\u0647\u0645\u062a\u0646\u0627 \u0648\u0631\u0624\u064a\u062a\u0646\u0627<\/p>\r\n                    <h2 id=\"mission-heading\" class=\"mission-title\">\u0645\u0644\u062a\u0632\u0645\u0648\u0646 \u0628\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629<\/h2>\r\n                    <p class=\"mission-description\">\r\n                        \u0646\u0645\u0643\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u0628\u062a\u0643\u0631\u0629 \u0642\u0627\u0626\u0645\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 \u0643\u0634\u0631\u064a\u0643 \u0645\u0648\u062b\u0648\u0642 \u0645\u0639\u062a\u0631\u0641 \u0628\u0647 \u0628\u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0646\u0645\u0632\u062c \u0628\u064a\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0631\u0624\u0649 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0644\u062e\u0644\u0642 \u062a\u0623\u062b\u064a\u0631 \u062a\u062d\u0648\u064a\u0644\u064a \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u062a\u0632\u0627\u0645 \u0642\u0648\u064a \u0628\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629\r\n                    <\/p>\r\n                    <div class=\"mission-buttons\">\r\n                        <a href=\"https:\/\/consultraglobal.com\/ar\/about\/\" class=\"btn btn-primary\" aria-label=\"\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f \u062d\u0648\u0644 \u0645\u0647\u0645\u062a\u0646\u0627 \u0648\u0631\u0624\u064a\u062a\u0646\u0627\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n                        <a href=\"https:\/\/consultraglobal.com\/ar\/contact\/\" class=\"btn btn-secondary\" aria-label=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0628\u0634\u0623\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\">\u062a\u0648\u0627\u0635\u0644<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Image Column -->\r\n                <div class=\"image-column\">\r\n                    <div class=\"image-wrapper\">\r\n                        <img \r\n                            src=\"https:\/\/consultraglobal.com\/wp-content\/uploads\/2025\/09\/8.png\" \r\n                            alt=\"\u0645\u0633\u062a\u0634\u0627\u0631\u0648 \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u064a\u062a\u0639\u0627\u0648\u0646\u0648\u0646\" \r\n                            class=\"mission-image\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n                    <\/div>\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 missionContent = document.getElementById('mission-content');\r\n            const textColumn = document.querySelector('.text-column');\r\n            const imageColumn = document.querySelector('.image-column');\r\n            const buttons = document.querySelectorAll('.btn');\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                            entry.target.classList.add('fade-in-ready');\r\n                            \r\n                            \/\/ Animate text column first, then image\r\n                            setTimeout(() => {\r\n                                textColumn.classList.add('animate-in');\r\n                            }, 100);\r\n                            \r\n                            setTimeout(() => {\r\n                                imageColumn.classList.add('animate-in');\r\n                            }, 300);\r\n                            \r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, observerOptions);\r\n\r\n                observer.observe(missionContent);\r\n            } else {\r\n                \/\/ Show content immediately on mobile or reduced motion\r\n                textColumn.style.opacity = '1';\r\n                textColumn.style.transform = 'none';\r\n                imageColumn.style.opacity = '1';\r\n                imageColumn.style.transform = 'none';\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                        textColumn.style.opacity = '1';\r\n                        textColumn.style.transform = 'none';\r\n                        imageColumn.style.opacity = '1';\r\n                        imageColumn.style.transform = 'none';\r\n                        textColumn.classList.remove('animate-in');\r\n                        imageColumn.classList.remove('animate-in');\r\n                        missionContent.classList.remove('fade-in-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-e67f921 e-con-full e-flex e-con e-parent\" data-id=\"e67f921\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f51364f elementor-widget elementor-widget-html\" data-id=\"f51364f\" 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>\u0645\u0624\u0634\u0631\u0627\u062a \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/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(13, 169, 186, 0.12);\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        .metrics-section {\r\n            width: 100vw;\r\n            background: linear-gradient(135deg, var(--beige) 0%, #f8f6f3 100%);\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        }\r\n\r\n        .metrics-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 2rem);\r\n        }\r\n\r\n        .metrics-header {\r\n            text-align: center;\r\n            margin-bottom: clamp(3rem, 6vw, 4.5rem);\r\n        }\r\n\r\n        .metrics-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        .metrics-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        .metrics-subtitle {\r\n            font-size: clamp(1rem, 2.5vw, 1.15rem);\r\n            line-height: 1.6;\r\n            color: var(--text-light);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .metrics-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: clamp(1.5rem, 3vw, 2rem);\r\n            align-items: stretch;\r\n        }\r\n\r\n        .metric-card {\r\n            background: var(--white);\r\n            border-radius: 18px;\r\n            padding: clamp(1.5rem, 4vw, 2rem);\r\n            text-align: center;\r\n            box-shadow: 0 6px 25px 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            align-items: center;\r\n            justify-content: center;\r\n            min-height: 200px;\r\n            position: relative;\r\n        }\r\n\r\n        .metric-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 12px 35px var(--shadow-hover);\r\n        }\r\n\r\n        .metric-icon {\r\n            margin-bottom: clamp(1rem, 3vw, 1.5rem);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .metric-icon svg {\r\n            width: clamp(2.5rem, 5vw, 3rem);\r\n            height: clamp(2.5rem, 5vw, 3rem);\r\n            fill: var(--blue);\r\n            transition: fill 0.3s ease;\r\n        }\r\n\r\n        .metric-card:hover .metric-icon svg {\r\n            fill: var(--coral);\r\n        }\r\n\r\n        .metric-number {\r\n            font-size: clamp(2rem, 5vw, 3rem);\r\n            font-weight: 800;\r\n            color: var(--blue-dark);\r\n            line-height: 1;\r\n            margin-bottom: clamp(0.5rem, 2vw, 0.75rem);\r\n            font-feature-settings: 'tnum';\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .metric-label {\r\n            font-size: clamp(0.9rem, 2vw, 1rem);\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n            line-height: 1.3;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Tablet Styles *\/\r\n        @media (max-width: 1024px) {\r\n            .metrics-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: clamp(1.25rem, 2.5vw, 1.75rem);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Styles *\/\r\n        @media (max-width: 768px) {\r\n            .metrics-section {\r\n                margin-left: 0;\r\n                margin-right: 0;\r\n                width: 100%;\r\n            }\r\n\r\n            .metrics-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: clamp(1rem, 3vw, 1.5rem);\r\n            }\r\n\r\n            .metric-card {\r\n                transition: none;\r\n                min-height: 180px;\r\n            }\r\n\r\n            .metric-card:hover {\r\n                transform: none;\r\n                box-shadow: 0 6px 25px var(--shadow-light);\r\n            }\r\n\r\n            .metric-card:hover .metric-icon svg {\r\n                fill: var(--blue);\r\n            }\r\n        }\r\n\r\n        \/* Reduced Motion *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .metric-card,\r\n            .metric-icon svg {\r\n                transition: none;\r\n            }\r\n\r\n            .metric-card:hover {\r\n                transform: none;\r\n            }\r\n        }\r\n\r\n        \/* Animation States *\/\r\n        .metrics-animate .metric-card {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n        }\r\n\r\n        .metrics-animate .metric-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        \/* Disable entrance animation on mobile and reduced motion *\/\r\n        @media (max-width: 768px), (prefers-reduced-motion: reduce) {\r\n            .metrics-animate .metric-card {\r\n                opacity: 1;\r\n                transform: none;\r\n            }\r\n\r\n            .metrics-animate .metric-card.animate-in {\r\n                transition: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"metrics-section\" aria-labelledby=\"metrics-heading\">\r\n        <div class=\"metrics-container\">\r\n            <header class=\"metrics-header\">\r\n                <p class=\"metrics-kicker\">\u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/p>\r\n                <h2 id=\"metrics-heading\" class=\"metrics-title\">\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645<\/h2>\r\n                <p class=\"metrics-subtitle\">\u0642\u064a\u0645\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u062e\u0628\u0631\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0648\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629<\/p>\r\n            <\/header>\r\n\r\n            <div class=\"metrics-grid\" id=\"metrics-grid\">\r\n                <!-- Years of Experience -->\r\n                <div class=\"metric-card\" data-target=\"20\" data-suffix=\"+\" aria-label=\"\u0633\u0646\u0648\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629 20 \u0632\u0627\u0626\u062f\">\r\n                    <div class=\"metric-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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>\r\n                    <div class=\"metric-number\" data-count=\"0\">0+<\/div>\r\n                    <div class=\"metric-label\">\u0633\u0646\u0648\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629<\/div>\r\n                <\/div>\r\n\r\n                <!-- Service Lines -->\r\n                <div class=\"metric-card\" data-target=\"6\" aria-label=\"\u062e\u0637\u0648\u0637 \u0627\u0644\u062e\u062f\u0645\u0629 6\">\r\n                    <div class=\"metric-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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                            <path d=\"M3 3h4v4H3V3zm0 7h4v4H3v-4zm0 7h4v4H3v-4zm7-14h4v4h-4V3zm0 7h4v4h-4v-4zm0 7h4v4h-4v-4zm7-14h4v4h-4V3zm0 7h4v4h-4v-4z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"metric-number\" data-count=\"0\">0<\/div>\r\n                    <div class=\"metric-label\">\u062e\u0637\u0648\u0637 \u0627\u0644\u062e\u062f\u0645\u0629<\/div>\r\n                <\/div>\r\n\r\n                <!-- Industries Served -->\r\n                <div class=\"metric-card\" data-target=\"7\" aria-label=\"\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062e\u062f\u0648\u0645\u0629 7\">\r\n                    <div class=\"metric-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\"\/>\r\n                            <path d=\"M14 2v6h6\"\/>\r\n                            <path d=\"M16 13H8\"\/>\r\n                            <path d=\"M16 17H8\"\/>\r\n                            <path d=\"M10 9H8\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"metric-number\" data-count=\"0\">0<\/div>\r\n                    <div class=\"metric-label\">\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062e\u062f\u0648\u0645\u0629<\/div>\r\n                <\/div>\r\n\r\n                <!-- Client Workshops & Advisory -->\r\n                <div class=\"metric-card\" data-target=\"120\" data-suffix=\"+\" aria-label=\"\u0648\u0631\u0634 \u0639\u0645\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a 120 \u0632\u0627\u0626\u062f\">\r\n                    <div class=\"metric-icon\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"metric-number\" data-count=\"0\">0+<\/div>\r\n                    <div class=\"metric-label\">\u0648\u0631\u0634 \u0639\u0645\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        class MetricsCounter {\r\n            constructor() {\r\n                this.metricsGrid = document.getElementById('metrics-grid');\r\n                this.metricCards = document.querySelectorAll('.metric-card');\r\n                this.isMobile = window.innerWidth <= 768;\r\n                this.prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n                this.hasAnimated = false;\r\n                \r\n                this.init();\r\n            }\r\n\r\n            init() {\r\n                if (!this.isMobile && !this.prefersReducedMotion) {\r\n                    this.setupIntersectionObserver();\r\n                } else {\r\n                    \/\/ Show final values immediately on mobile or reduced motion\r\n                    this.showFinalValues();\r\n                }\r\n\r\n                this.handleResize();\r\n            }\r\n\r\n            setupIntersectionObserver() {\r\n                const options = {\r\n                    threshold: 0.3,\r\n                    rootMargin: '0px 0px -50px 0px'\r\n                };\r\n\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting && !this.hasAnimated) {\r\n                            this.hasAnimated = true;\r\n                            this.startAnimation();\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, options);\r\n\r\n                observer.observe(this.metricsGrid);\r\n            }\r\n\r\n            startAnimation() {\r\n                this.metricsGrid.classList.add('metrics-animate');\r\n\r\n                this.metricCards.forEach((card, index) => {\r\n                    \/\/ Stagger the card entrance animations\r\n                    setTimeout(() => {\r\n                        card.classList.add('animate-in');\r\n                    }, index * 150);\r\n\r\n                    \/\/ Start counter animation after card appears\r\n                    setTimeout(() => {\r\n                        this.animateCounter(card);\r\n                    }, (index * 150) + 300);\r\n                });\r\n            }\r\n\r\n            animateCounter(card) {\r\n                const target = parseInt(card.dataset.target);\r\n                const suffix = card.dataset.suffix || '';\r\n                const numberElement = card.querySelector('.metric-number');\r\n                const duration = 1400; \/\/ 1.4 seconds\r\n                const startTime = performance.now();\r\n\r\n                const animate = (currentTime) => {\r\n                    const elapsed = currentTime - startTime;\r\n                    const progress = Math.min(elapsed \/ duration, 1);\r\n                    \r\n                    \/\/ Easing function for smooth animation\r\n                    const easeOutQuart = 1 - Math.pow(1 - progress, 4);\r\n                    \r\n                    const current = Math.floor(easeOutQuart * target);\r\n                    numberElement.textContent = current + suffix;\r\n\r\n                    if (progress < 1) {\r\n                        requestAnimationFrame(animate);\r\n                    } else {\r\n                        \/\/ Ensure final value is set\r\n                        numberElement.textContent = target + suffix;\r\n                    }\r\n                };\r\n\r\n                requestAnimationFrame(animate);\r\n            }\r\n\r\n            showFinalValues() {\r\n                this.metricCards.forEach(card => {\r\n                    const target = parseInt(card.dataset.target);\r\n                    const suffix = card.dataset.suffix || '';\r\n                    const numberElement = card.querySelector('.metric-number');\r\n                    numberElement.textContent = target + suffix;\r\n                });\r\n            }\r\n\r\n            handleResize() {\r\n                let resizeTimer;\r\n                window.addEventListener('resize', () => {\r\n                    clearTimeout(resizeTimer);\r\n                    resizeTimer = setTimeout(() => {\r\n                        const newIsMobile = window.innerWidth <= 768;\r\n                        \r\n                        if (newIsMobile && !this.isMobile) {\r\n                            \/\/ Switched to mobile - show final values\r\n                            this.isMobile = true;\r\n                            this.showFinalValues();\r\n                            this.metricCards.forEach(card => {\r\n                                card.style.opacity = '1';\r\n                                card.style.transform = 'none';\r\n                            });\r\n                        } else if (!newIsMobile && this.isMobile) {\r\n                            \/\/ Switched from mobile - reset if not animated yet\r\n                            this.isMobile = false;\r\n                            if (!this.hasAnimated && !this.prefersReducedMotion) {\r\n                                this.setupIntersectionObserver();\r\n                            }\r\n                        }\r\n                    }, 250);\r\n                });\r\n            }\r\n        }\r\n\r\n        \/\/ Initialize when DOM is ready\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            new MetricsCounter();\r\n        });\r\n\r\n        \/\/ Fallback for immediate execution\r\n        if (document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', () => {\r\n                new MetricsCounter();\r\n            });\r\n        } else {\r\n            new MetricsCounter();\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-7ffe66f e-con-full e-flex e-con e-parent\" data-id=\"7ffe66f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7680116 elementor-widget elementor-widget-html\" data-id=\"7680116\" 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>\u0634\u0647\u0627\u062f\u0627\u062a \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(13, 169, 186, 0.12);\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        .testimonials-section {\r\n            width: 100vw;\r\n            background: linear-gradient(135deg, var(--white) 0%, #faf9f8 100%);\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        }\r\n\r\n        .testimonials-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 2rem);\r\n        }\r\n\r\n        .testimonials-header {\r\n            text-align: center;\r\n            margin-bottom: clamp(3rem, 6vw, 4.5rem);\r\n        }\r\n\r\n        .testimonials-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        .testimonials-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        .testimonials-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            max-width: 600px;\r\n            margin: 0 auto;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .testimonials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: clamp(1.5rem, 3vw, 2.5rem);\r\n            align-items: stretch;\r\n            margin-bottom: clamp(2.5rem, 5vw, 3.5rem);\r\n        }\r\n\r\n        .testimonial-card {\r\n            background: var(--white);\r\n            border-radius: 18px;\r\n            padding: clamp(1.5rem, 4vw, 2rem);\r\n            box-shadow: 0 6px 25px var(--shadow-light);\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .testimonial-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 40px var(--shadow-hover);\r\n        }\r\n\r\n        .quote-mark {\r\n            position: absolute;\r\n            top: 1.25rem;\r\n            left: 1.5rem;\r\n            opacity: 0.12;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .quote-mark svg {\r\n            width: clamp(1.75rem, 4vw, 2.25rem);\r\n            height: clamp(1.75rem, 4vw, 2.25rem);\r\n            fill: var(--blue);\r\n        }\r\n\r\n        .testimonial-content {\r\n            flex: 1;\r\n            margin-bottom: clamp(1.25rem, 3vw, 1.75rem);\r\n        }\r\n\r\n        .star-rating {\r\n            display: flex;\r\n            gap: 0.25rem;\r\n            margin-bottom: clamp(1rem, 2.5vw, 1.25rem);\r\n        }\r\n\r\n        .star {\r\n            width: clamp(0.9rem, 2vw, 1.1rem);\r\n            height: clamp(0.9rem, 2vw, 1.1rem);\r\n            fill: #ffd700;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .testimonial-quote {\r\n            font-size: clamp(0.95rem, 2vw, 1.05rem);\r\n            line-height: 1.65;\r\n            color: var(--text-dark);\r\n            font-style: italic;\r\n            margin: 0;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: clamp(0.75rem, 2vw, 1rem);\r\n            padding-top: clamp(1.25rem, 3vw, 1.75rem);\r\n            border-top: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .author-avatar {\r\n            width: clamp(45px, 10vw, 55px);\r\n            height: clamp(45px, 10vw, 55px);\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--blue) 0%, var(--coral) 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--white);\r\n            font-weight: 600;\r\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n            flex-shrink: 0;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .author-info {\r\n            flex: 1;\r\n            min-width: 0;\r\n        }\r\n\r\n        .author-name {\r\n            font-weight: 600;\r\n            font-size: clamp(0.95rem, 2vw, 1.05rem);\r\n            color: var(--blue-dark);\r\n            margin-bottom: clamp(0.2rem, 1vw, 0.35rem);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .author-role {\r\n            font-size: clamp(0.8rem, 1.8vw, 0.9rem);\r\n            color: var(--text-light);\r\n            line-height: 1.4;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .testimonials-cta {\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: clamp(1rem, 3vw, 1.5rem);\r\n        }\r\n\r\n        .cta-link {\r\n            color: var(--blue);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            font-size: clamp(0.9rem, 2vw, 1rem);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-link:hover,\r\n        .cta-link:focus {\r\n            color: var(--blue-dark);\r\n            text-decoration: underline;\r\n        }\r\n\r\n        .cta-link:focus {\r\n            outline: 2px solid var(--blue);\r\n            outline-offset: 2px;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .btn-cta {\r\n            background: var(--coral);\r\n            color: var(--white);\r\n            padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-size: clamp(0.9rem, 2vw, 1rem);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            cursor: pointer;\r\n            font-family: inherit;\r\n            min-width: 160px;\r\n        }\r\n\r\n        .btn-cta:hover,\r\n        .btn-cta:focus {\r\n            background: #d96652;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(232, 118, 100, 0.3);\r\n        }\r\n\r\n        .btn-cta:focus {\r\n            outline: 2px solid var(--blue-dark);\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        \/* Tablet Styles *\/\r\n        @media (max-width: 1024px) {\r\n            .testimonials-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: clamp(1.25rem, 2.5vw, 2rem);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Styles *\/\r\n        @media (max-width: 768px) {\r\n            .testimonials-section {\r\n                margin-left: 0;\r\n                margin-right: 0;\r\n                width: 100%;\r\n            }\r\n\r\n            .testimonials-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: clamp(1.5rem, 4vw, 2rem);\r\n            }\r\n\r\n            .testimonial-card {\r\n                transition: none;\r\n            }\r\n\r\n            .testimonial-card:hover {\r\n                transform: none;\r\n                box-shadow: 0 6px 25px var(--shadow-light);\r\n            }\r\n\r\n            .btn-cta {\r\n                transition: none;\r\n                width: 100%;\r\n                max-width: 280px;\r\n            }\r\n\r\n            .btn-cta:hover {\r\n                transform: none;\r\n                background: var(--coral);\r\n                box-shadow: none;\r\n            }\r\n\r\n            .testimonials-cta {\r\n                text-align: center;\r\n            }\r\n        }\r\n\r\n        \/* Reduced Motion *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .testimonial-card,\r\n            .btn-cta,\r\n            .cta-link {\r\n                transition: none !important;\r\n            }\r\n\r\n            .testimonial-card:hover {\r\n                transform: none;\r\n                box-shadow: 0 6px 25px var(--shadow-light);\r\n            }\r\n\r\n            .btn-cta:hover {\r\n                transform: none;\r\n            }\r\n        }\r\n\r\n        \/* Entrance Animation for Desktop *\/\r\n        .testimonials-animate .testimonial-card {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n        }\r\n\r\n        .testimonials-animate .testimonial-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        \/* Disable entrance animation on mobile and reduced motion *\/\r\n        @media (max-width: 768px), (prefers-reduced-motion: reduce) {\r\n            .testimonials-animate .testimonial-card {\r\n                opacity: 1;\r\n                transform: none;\r\n            }\r\n\r\n            .testimonials-animate .testimonial-card.animate-in {\r\n                transition: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"testimonials-section\" aria-labelledby=\"testimonials-heading\">\r\n        <div class=\"testimonials-container\">\r\n            <header class=\"testimonials-header\">\r\n                <p class=\"testimonials-kicker\">\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a<\/p>\r\n                <h2 id=\"testimonials-heading\" class=\"testimonials-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u0639\u0646\u0627<\/h2>\r\n                <p class=\"testimonials-lead\">\u0646\u062a\u0627\u0626\u062c \u062d\u0642\u064a\u0642\u064a\u0629 \u0634\u0631\u0627\u0643\u0627\u062a \u0642\u0648\u064a\u0629 \u0642\u064a\u0645\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633<\/p>\r\n            <\/header>\r\n\r\n            <div class=\"testimonials-grid\" id=\"testimonials-grid\">\r\n                <!-- Testimonial 1: Ahmed Saleh -->\r\n                <figure class=\"testimonial-card\">\r\n                    <div class=\"quote-mark\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M14 17H17L19 13V7H13V13H16M6 17H9L11 13V7H5V13H8L6 17Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"testimonial-content\">\r\n                        <div class=\"star-rating\" aria-label=\"5 \u0645\u0646 5 \u0646\u062c\u0648\u0645\">\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <blockquote class=\"testimonial-quote\">\r\n                            \u0623\u0639\u0627\u062f\u062a \u0643\u0648\u0646\u0633\u0644\u062a\u0631\u0627 \u0647\u0646\u062f\u0633\u0629 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0644\u062f\u064a\u0646\u0627 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0631\u062a\u0641\u0639\u062a \u0648\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0623\u0635\u0628\u062d \u0623\u0633\u0631\u0639 \u0645\u0646 \u0623\u064a \u0648\u0642\u062a \u0645\u0636\u0649\r\n                        <\/blockquote>\r\n                    <\/div>\r\n                    <figcaption class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\" aria-label=\"\u0623\u062d\u0645\u062f \u0635\u0627\u0644\u062d \u0627\u0644\u0623\u062d\u0631\u0641 \u0627\u0644\u0623\u0648\u0644\u0649\">\u0623\u0635<\/div>\r\n                        <div class=\"author-info\">\r\n                            <div class=\"author-name\">\u0623\u062d\u0645\u062f \u0635\u0627\u0644\u062d<\/div>\r\n                            <div class=\"author-role\">\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0644\u0648\u062c\u064a \u0645\u0648\u0641 \u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a<\/div>\r\n                        <\/div>\r\n                    <\/figcaption>\r\n                <\/figure>\r\n\r\n                <!-- Testimonial 2: Maya Haddad -->\r\n                <figure class=\"testimonial-card\">\r\n                    <div class=\"quote-mark\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M14 17H17L19 13V7H13V13H16M6 17H9L11 13V7H5V13H8L6 17Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"testimonial-content\">\r\n                        <div class=\"star-rating\" aria-label=\"5 \u0645\u0646 5 \u0646\u062c\u0648\u0645\">\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <blockquote class=\"testimonial-quote\">\r\n                            \u0645\u0646\u062d\u0646\u0627 \u062a\u0633\u0648\u064a\u0642\u0647\u0645 \u0648\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0642\u0639 \u0639\u0644\u0627\u0645\u062a\u0647\u0645 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0628\u0627\u0644\u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0648\u0636\u0648\u062d \u0648\u0627\u0644\u0632\u062e\u0645 \u0643\u0627\u0646\u062a \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0641\u0648\u0631\u064a\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633\r\n                        <\/blockquote>\r\n                    <\/div>\r\n                    <figcaption class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\" aria-label=\"\u0645\u0627\u064a\u0627 \u062d\u062f\u0627\u062f \u0627\u0644\u0623\u062d\u0631\u0641 \u0627\u0644\u0623\u0648\u0644\u0649\">\u0645\u062d<\/div>\r\n                        <div class=\"author-info\">\r\n                            <div class=\"author-name\">\u0645\u0627\u064a\u0627 \u062d\u062f\u0627\u062f<\/div>\r\n                            <div class=\"author-role\">\u0631\u0626\u064a\u0633\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0646\u0648\u0641\u0627 \u062a\u0643<\/div>\r\n                        <\/div>\r\n                    <\/figcaption>\r\n                <\/figure>\r\n\r\n                <!-- Testimonial 3: Rania Fares -->\r\n                <figure class=\"testimonial-card\">\r\n                    <div class=\"quote-mark\" aria-hidden=\"true\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M14 17H17L19 13V7H13V13H16M6 17H9L11 13V7H5V13H8L6 17Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"testimonial-content\">\r\n                        <div class=\"star-rating\" aria-label=\"5 \u0645\u0646 5 \u0646\u062c\u0648\u0645\">\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                            <svg class=\"star\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <blockquote class=\"testimonial-quote\">\r\n                            \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0627\u0644\u064a \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062e\u0632\u064a\u0646\u0629 \u062f\u0639\u0645\u0647\u0645 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u062a\u0648\u0627\u0641\u0642 \u062a\u0645\u0627\u0645\u0627 \u0645\u0639 \u0623\u0647\u062f\u0627\u0641\u0646\u0627 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u062c\u0644\r\n                        <\/blockquote>\r\n                    <\/div>\r\n                    <figcaption class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\" aria-label=\"\u0631\u0627\u0646\u064a\u0627 \u0641\u0627\u0631\u0633 \u0627\u0644\u0623\u062d\u0631\u0641 \u0627\u0644\u0623\u0648\u0644\u0649\">\u0631\u0641<\/div>\r\n                        <div class=\"author-info\">\r\n                            <div class=\"author-name\">\u0631\u0627\u0646\u064a\u0627 \u0641\u0627\u0631\u0633<\/div>\r\n                            <div class=\"author-role\">\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0628\u0644\u0648 \u0647\u0648\u0631\u0627\u064a\u0632\u0648\u0646 \u0644\u0644\u0636\u064a\u0627\u0641\u0629<\/div>\r\n                        <\/div>\r\n                    <\/figcaption>\r\n                <\/figure>\r\n            <\/div>\r\n\r\n            <div class=\"testimonials-cta\">\r\n                <a href=\"https:\/\/consultraglobal.com\/ar\/contact\/\" class=\"btn-cta\">\u0637\u0644\u0628 \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 testimonialsGrid = document.getElementById('testimonials-grid');\r\n            const testimonialCards = document.querySelectorAll('.testimonial-card');\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 CTA links\r\n            const ctaButtons = document.querySelectorAll('.cta-link, .btn-cta');\r\n            ctaButtons.forEach(button => {\r\n                button.addEventListener('focus', function() {\r\n                    this.style.outline = '2px solid var(--blue)';\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.15,\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                            entry.target.classList.add('testimonials-animate');\r\n                            \r\n                            \/\/ Animate cards with staggered delay\r\n                            testimonialCards.forEach((card, index) => {\r\n                                setTimeout(() => {\r\n                                    card.classList.add('animate-in');\r\n                                }, index * 150);\r\n                            });\r\n                            \r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, observerOptions);\r\n\r\n                observer.observe(testimonialsGrid);\r\n            } else {\r\n                \/\/ Show cards immediately on mobile or reduced motion\r\n                testimonialCards.forEach(card => {\r\n                    card.style.opacity = '1';\r\n                    card.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                        testimonialCards.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                        testimonialsGrid.classList.remove('testimonials-animate');\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>\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0646\u0645\u0648 \u0645\u0633\u062a\u062f\u0627\u0645 \u0631\u0624\u0649 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u062a\u0639\u0632\u0632 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633 \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062e\u0628\u0631\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"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-305","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/pages\/305","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":21,"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/pages\/305\/revisions"}],"predecessor-version":[{"id":414,"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/pages\/305\/revisions\/414"}],"wp:attachment":[{"href":"https:\/\/consultraglobal.com\/ar\/wp-json\/wp\/v2\/media?parent=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}