{"id":241,"date":"2026-07-20T06:34:49","date_gmt":"2026-07-20T06:34:49","guid":{"rendered":"https:\/\/pas-egypt.com\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/"},"modified":"2026-07-20T08:52:02","modified_gmt":"2026-07-20T08:52:02","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/pas-egypt.com\/ar\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\tAbout Us \u00b7 PAS<\/title><!-- Google Font & Font Awesome --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\" \/><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/><style>* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f9faff;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* -------- HERO SECTION (About Us) -------- *\/\r\n .hero-about {\r\n width: 100%;\r\n padding: 8rem 3.5rem 7rem;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 100vh;\r\n\r\n \/* Background Image *\/\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?w=1600&q=80');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n }\r\n\r\n \/* Dark overlay for text readability *\/\r\n .hero-about::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(11, 27, 58, 0.35) 0%,\r\n rgba(31, 60, 136, 0.20) 100%\r\n );\r\n z-index: 0;\r\n }\r\n\r\n .hero-about>* {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* inner container *\/\r\n .hero-inner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n \/* -------- BADGE -------- *\/\r\n .hero-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.10);\r\n color: #ffffff;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.5px;\r\n padding: 0.4rem 1.6rem;\r\n border-radius: 40px;\r\n border: 1px solid rgba(255, 255, 255, 0.12);\r\n margin-bottom: 1.5rem;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .hero-badge i {\r\n margin-right: 6px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n \/* -------- HEADLINE -------- *\/\r\n .hero-headline {\r\n font-size: 4.2rem;\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #ffffff;\r\n line-height: 1.1;\r\n margin-bottom: 1.5rem;\r\n max-width: 900px;\r\n text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .hero-headline span {\r\n background: linear-gradient(145deg, #ffffff, #b0c9ff);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n \/* -------- SUB-HEADING -------- *\/\r\n .hero-sub {\r\n font-size: 1.2rem;\r\n color: #d1d9f0;\r\n font-weight: 400;\r\n max-width: 780px;\r\n line-height: 1.8;\r\n margin: 0 auto 2.8rem auto;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n \/* -------- BUTTONS -------- *\/\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1.5rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn-primary,\r\n .btn-secondary {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n padding: 1rem 2.8rem;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .btn-primary {\r\n background: #ffffff;\r\n color: #1f3c88;\r\n box-shadow: 0 12px 30px -8px rgba(0, 0, 0, 0.3);\r\n border: none;\r\n }\r\n\r\n .btn-primary i {\r\n font-size: 1.1rem;\r\n color: #1f3c88;\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #eef4ff;\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .btn-primary:hover i {\r\n transform: translateX(4px);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: #ffffff;\r\n border: 2px solid rgba(255, 255, 255, 0.4);\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: rgba(255, 255, 255, 0.10);\r\n border-color: #ffffff;\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* -------- RESPONSIVE -------- *\/\r\n @media (max-width: 992px) {\r\n .hero-about {\r\n padding: 6rem 2rem 6rem;\r\n min-height: auto;\r\n }\r\n .hero-headline {\r\n font-size: 3.2rem;\r\n }\r\n .hero-sub {\r\n font-size: 1.1rem;\r\n max-width: 650px;\r\n }\r\n .btn-primary,\r\n .btn-secondary {\r\n font-size: 1rem;\r\n padding: 0.9rem 2.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-about {\r\n padding: 5rem 1.5rem 4.5rem;\r\n min-height: auto;\r\n }\r\n .hero-headline {\r\n font-size: 2.5rem;\r\n }\r\n .hero-sub {\r\n font-size: 1rem;\r\n padding: 0 0.5rem;\r\n }\r\n .hero-buttons {\r\n gap: 1rem;\r\n width: 100%;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .btn-primary,\r\n .btn-secondary {\r\n width: 100%;\r\n max-width: 320px;\r\n justify-content: center;\r\n font-size: 0.95rem;\r\n padding: 0.8rem 1.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-about {\r\n padding: 4rem 1rem 3.5rem;\r\n min-height: auto;\r\n }\r\n .hero-headline {\r\n font-size: 2rem;\r\n }\r\n .hero-sub {\r\n font-size: 0.95rem;\r\n }\r\n .btn-primary,\r\n .btn-secondary {\r\n font-size: 0.9rem;\r\n padding: 0.7rem 1.5rem;\r\n max-width: 280px;\r\n }\r\n .hero-badge {\r\n font-size: 0.7rem;\r\n padding: 0.3rem 1.2rem;\r\n }\r\n }\r\n <\/style><\/head><body><!-- ===== \u0642\u0633\u0645 \u0645\u0646 \u0646\u062d\u0646 ===== -->\r\n<section class=\"hero-about\">\r\n\r\n<div class=\"hero-inner\">\r\n\r\n<!-- BADGE -->\r\n<div class=\"hero-badge\">\r\n<i class=\"fas fa-arrow-right\"><\/i> \u0645\u0646 \u0646\u062d\u0646\r\n<\/div>\r\n\r\n\r\n<!-- HEADLINE -->\r\n<h1 class=\"hero-headline\">\r\n\u0645\u0646 <span>\u0646\u062d\u0646<\/span>\r\n<\/h1>\r\n\r\n\r\n<!-- SUB-HEADING -->\r\n<p class=\"hero-sub\">\r\n\u0634\u0631\u0643\u0629 Professionals Advanced Solutions (PAS) \u0647\u064a \u0634\u0631\u064a\u0643 \u062a\u0642\u0646\u064a \u0645\u0648\u062b\u0648\u0642 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0645\u0643\u064a\u0646\r\n\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629. \u0628\u0641\u0636\u0644 \u062e\u0628\u0631\u062a\u0646\u0627 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a\r\n\u0648\u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0627\u0644\u062a\u0645\u064a\u0632\u060c \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0646\u0645\u0648\u060c\r\n\u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645.\r\n<\/p>\r\n\r\n\r\n<!-- BUTTONS -->\r\n<div class=\"hero-buttons\">\r\n\r\n<a href=\"#\" class=\"btn-primary\">\r\n\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f\r\n<i class=\"fas fa-arrow-left\"><\/i>\r\n<\/a>\r\n\r\n\r\n<a href=\"#\" class=\"btn-secondary\">\r\n\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\r\n<\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-4ddba58 e-con e-atomic-element e-flexbox-base e-0b2a19b \" data-id=\"4ddba58\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4ddba58\" data-e-type=\"e-flexbox\" data-id=\"4ddba58\">\n \t\t<div class=\"elementor-element elementor-element-c18a9e7 elementor-widget elementor-widget-html\" data-id=\"c18a9e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\" \/><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/><title>Who We Are \u00b7 PAS<\/title><!-- Google Font & Font Awesome --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\" \/><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/><style>* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f9faff;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* -------- WHO WE ARE SECTION (centered, no image) -------- *\/\r\n .who-we-are {\r\n width: 100%;\r\n background: #ffffff;\r\n padding: 5rem 3.5rem 5.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n\r\n \/* decorative glows *\/\r\n .who-we-are::before {\r\n content: '';\r\n position: absolute;\r\n top: -150px;\r\n right: -100px;\r\n width: 450px;\r\n height: 450px;\r\n background: radial-gradient(circle, rgba(215, 230, 255, 0.25) 0%, rgba(255, 255, 255, 0) 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .who-we-are::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -120px;\r\n left: -80px;\r\n width: 350px;\r\n height: 350px;\r\n background: radial-gradient(circle, rgba(215, 230, 255, 0.15) 0%, rgba(255, 255, 255, 0) 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .who-we-are>* {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .who-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* -------- HEADER -------- *\/\r\n .who-header {\r\n margin-bottom: 3.5rem;\r\n }\r\n\r\n .who-badge {\r\n display: inline-block;\r\n background: #eef4ff;\r\n color: #1f3c88;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.5px;\r\n padding: 0.35rem 1.2rem;\r\n border-radius: 40px;\r\n border: 1px solid rgba(31, 60, 136, 0.08);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .who-badge i {\r\n margin-right: 6px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .who-header h2 {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #0b1b3a;\r\n line-height: 1.1;\r\n margin: 0 0 0.15rem 0;\r\n }\r\n\r\n .who-header h2 span {\r\n background: linear-gradient(145deg, #1f3c88, #3b5fbf);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .divider-line {\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #1f3c88, #a0bfff);\r\n border-radius: 6px;\r\n margin: 0.6rem auto 0 auto;\r\n }\r\n\r\n \/* -------- 3-COLUMN GRID (pillars) -------- *\/\r\n .pillars-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem 1.8rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .pillar-item {\r\n background: #ffffff;\r\n border-radius: 2rem;\r\n padding: 2.5rem 1.8rem 2.5rem;\r\n transition: all 0.3s ease;\r\n border: 1px solid #edf2f9;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .pillar-item:hover {\r\n transform: translateY(-8px);\r\n border-color: #cddeff;\r\n box-shadow: 0 20px 40px -14px rgba(28, 52, 128, 0.12), 0 6px 18px -6px rgba(0, 20, 50, 0.06);\r\n background: #fbfdff;\r\n }\r\n\r\n \/* icon *\/\r\n .pillar-icon {\r\n width: 64px;\r\n height: 64px;\r\n background: linear-gradient(135deg, #eef4ff, #e0eaff);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n color: #1f3c88;\r\n margin-bottom: 1.5rem;\r\n transition: all 0.25s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .pillar-item:hover .pillar-icon {\r\n background: #1f3c88;\r\n color: white;\r\n box-shadow: 0 10px 20px -8px rgba(31, 60, 136, 0.3);\r\n }\r\n\r\n .pillar-item h3 {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: #0b1b3a;\r\n letter-spacing: -0.01em;\r\n margin-bottom: 0.6rem;\r\n line-height: 1.3;\r\n }\r\n\r\n .pillar-item p {\r\n color: #3f4f6e;\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n margin: 0;\r\n flex: 1;\r\n }\r\n\r\n \/* subtle accent line *\/\r\n .pillar-item::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 1.8rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 32px;\r\n height: 3px;\r\n background: #d0dfff;\r\n border-radius: 6px;\r\n transition: width 0.25s, background 0.2s;\r\n }\r\n\r\n .pillar-item:hover::after {\r\n width: 50px;\r\n background: #1f3c88;\r\n }\r\n\r\n \/* -------- TAGLINE (below grid) -------- *\/\r\n .who-tagline {\r\n margin-top: 3.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.8rem;\r\n font-size: 0.95rem;\r\n color: #4a5b7a;\r\n border-top: 1px solid #edf2f9;\r\n padding-top: 2.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .who-tagline i {\r\n color: #1f3c88;\r\n opacity: 0.5;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .who-tagline span {\r\n font-weight: 400;\r\n }\r\n\r\n \/* -------- RESPONSIVE -------- *\/\r\n @media (max-width: 992px) {\r\n .who-we-are {\r\n padding: 3.5rem 2rem 4rem;\r\n }\r\n .who-header h2 {\r\n font-size: 2.4rem;\r\n }\r\n .pillars-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .who-we-are {\r\n padding: 2.5rem 1.5rem 3rem;\r\n }\r\n .who-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n .pillars-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n .pillar-item {\r\n padding: 2rem 1.5rem;\r\n }\r\n .pillar-item::after {\r\n bottom: 1.4rem;\r\n }\r\n .who-tagline {\r\n font-size: 0.85rem;\r\n flex-wrap: wrap;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .who-we-are {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n .who-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n .pillar-item {\r\n padding: 1.6rem 1.2rem;\r\n border-radius: 1.4rem;\r\n }\r\n .pillar-item h3 {\r\n font-size: 1.1rem;\r\n }\r\n .pillar-item p {\r\n font-size: 0.9rem;\r\n }\r\n .pillar-icon {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 1.5rem;\r\n }\r\n .pillar-item::after {\r\n bottom: 1.2rem;\r\n width: 28px;\r\n }\r\n .pillar-item:hover::after {\r\n width: 42px;\r\n }\r\n }\r\n <\/style><\/head><body><!-- ===== \u0642\u0633\u0645 \u0645\u0646 \u0646\u062d\u0646 (3 \u0631\u0643\u0627\u0626\u0632) ===== -->\r\n<section class=\"who-we-are\">\r\n\r\n<div class=\"who-inner\">\r\n\r\n\r\n<!-- HEADER -->\r\n<div class=\"who-header\">\r\n\r\n<div class=\"who-badge\">\r\n<i class=\"fas fa-arrow-right\"><\/i> \u0645\u0646 \u0646\u062d\u0646\r\n<\/div>\r\n\r\n\r\n<h2>\r\n\u0645\u0646 <span>\u0646\u062d\u0646<\/span>\r\n<\/h2>\r\n\r\n\r\n<div class=\"divider-line\"><\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- 3 PILLARS -->\r\n<div class=\"pillars-grid\">\r\n\r\n\r\n\r\n<!-- \u0627\u0644\u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 -->\r\n<div class=\"pillar-item\">\r\n\r\n<div class=\"pillar-icon\">\r\n<i class=\"fas fa-rocket\"><\/i>\r\n<\/div>\r\n\r\n\r\n<h3>\r\n\u062d\u0644\u0648\u0644 \u0645\u0628\u062a\u0643\u0631\u0629\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\u062a\u0639\u062f \u0634\u0631\u0643\u0629 Professionals Advanced Solutions (PAS) \u0634\u0631\u064a\u0643\u064b\u0627 \u062a\u0642\u0646\u064a\u064b\u0627 \u0645\u062a\u062e\u0635\u0635\u064b\u0627 \u0641\u064a \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u062a\u0642\u0646\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629.\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<!-- \u0627\u0644\u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 -->\r\n<div class=\"pillar-item\">\r\n\r\n<div class=\"pillar-icon\">\r\n<i class=\"fas fa-brain\"><\/i>\r\n<\/div>\r\n\r\n\r\n<h3>\r\n\u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0646\u0645\u0648\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629\u060c \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<!-- \u0627\u0644\u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629 -->\r\n<div class=\"pillar-item\">\r\n\r\n<div class=\"pillar-icon\">\r\n<i class=\"fas fa-handshake\"><\/i>\r\n<\/div>\r\n\r\n\r\n<h3>\r\n\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\u064a\u0639\u0645\u0644 \u0641\u0631\u064a\u0642\u0646\u0627 \u0639\u0646 \u0642\u0631\u0628 \u0645\u0639 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0644\u0641\u0647\u0645 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0648\u0627\u062c\u0647\u0647\u0627 \u0648\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0642\u0646\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0623\u0647\u062f\u0627\u0641\u0647\u0627 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0647\u0627.\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- TAGLINE -->\r\n<div class=\"who-tagline\">\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section><\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-67d40fd e-con e-atomic-element e-flexbox-base e-67d40fd-ac2d3ae \" data-id=\"67d40fd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"67d40fd\" data-e-type=\"e-flexbox\" data-id=\"67d40fd\">\n \t\t<div class=\"elementor-element elementor-element-0461ca6 elementor-widget elementor-widget-html\" data-id=\"0461ca6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\" \/><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/><title>Our Approach \u00b7 PAS<\/title><!-- Google Font & Font Awesome --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\" \/><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/><style>* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f9faff;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* -------- OUR APPROACH SECTION (horizontal flow) -------- *\/\r\n .our-approach {\r\n width: 100%;\r\n background: #ffffff;\r\n padding: 5rem 3.5rem 5.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* decorative glows *\/\r\n .our-approach::before {\r\n content: '';\r\n position: absolute;\r\n top: -150px;\r\n right: -100px;\r\n width: 450px;\r\n height: 450px;\r\n background: radial-gradient(circle, rgba(215, 230, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .our-approach::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -120px;\r\n left: -80px;\r\n width: 350px;\r\n height: 350px;\r\n background: radial-gradient(circle, rgba(215, 230, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .our-approach>* {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .approach-inner {\r\n max-width: 1360px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* -------- HEADER (left-aligned) -------- *\/\r\n .approach-header {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 4rem;\r\n margin-bottom: 4rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .approach-header-left {\r\n flex: 0 0 auto;\r\n max-width: 380px;\r\n }\r\n\r\n .approach-badge {\r\n display: inline-block;\r\n background: #eef4ff;\r\n color: #1f3c88;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.5px;\r\n padding: 0.35rem 1.2rem;\r\n border-radius: 40px;\r\n border: 1px solid rgba(31, 60, 136, 0.08);\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .approach-badge i {\r\n margin-right: 6px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .approach-header-left h2 {\r\n font-size: 3.2rem;\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #0b1b3a;\r\n line-height: 1.1;\r\n margin: 0 0 0.8rem 0;\r\n }\r\n\r\n .approach-header-left h2 span {\r\n background: linear-gradient(145deg, #1f3c88, #3b5fbf);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .approach-header-left p {\r\n font-size: 1.05rem;\r\n color: #4a5b7a;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n }\r\n\r\n .approach-header-right {\r\n flex: 1;\r\n min-width: 200px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n }\r\n\r\n .approach-number-block {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 0.3rem;\r\n opacity: 0.08;\r\n }\r\n\r\n .approach-number-block .big-number {\r\n font-size: 7rem;\r\n font-weight: 700;\r\n color: #1f3c88;\r\n line-height: 1;\r\n letter-spacing: -0.04em;\r\n }\r\n\r\n .approach-number-block .big-label {\r\n font-size: 1.2rem;\r\n font-weight: 500;\r\n color: #1f3c88;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* -------- HORIZONTAL STEPS -------- *\/\r\n .approach-steps {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n position: relative;\r\n padding-top: 1rem;\r\n }\r\n\r\n \/* subtle connecting line behind steps *\/\r\n .approach-steps::before {\r\n content: '';\r\n position: absolute;\r\n top: 3.5rem;\r\n left: 15%;\r\n right: 15%;\r\n height: 2px;\r\n background: linear-gradient(90deg, #d0dfff, #1f3c88, #d0dfff);\r\n opacity: 0.3;\r\n z-index: 0;\r\n }\r\n\r\n .step-item {\r\n background: #ffffff;\r\n border-radius: 2rem;\r\n padding: 2rem 1.8rem 2.2rem;\r\n transition: all 0.3s ease;\r\n border: 1px solid #edf2f9;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n }\r\n\r\n .step-item:hover {\r\n transform: translateY(-6px);\r\n border-color: #cddeff;\r\n box-shadow: 0 20px 40px -14px rgba(28, 52, 128, 0.12), 0 6px 18px -6px rgba(0, 20, 50, 0.06);\r\n background: #fbfdff;\r\n }\r\n\r\n .step-number-circle {\r\n width: 52px;\r\n height: 52px;\r\n background: linear-gradient(135deg, #eef4ff, #dce6fa);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n color: #1f3c88;\r\n margin-bottom: 1.2rem;\r\n transition: all 0.25s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .step-item:hover .step-number-circle {\r\n background: #1f3c88;\r\n color: #ffffff;\r\n box-shadow: 0 8px 20px -6px rgba(31, 60, 136, 0.3);\r\n }\r\n\r\n .step-item h3 {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: #0b1b3a;\r\n letter-spacing: -0.01em;\r\n margin-bottom: 0.5rem;\r\n line-height: 1.3;\r\n }\r\n\r\n .step-item p {\r\n color: #3f4f6e;\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n margin: 0;\r\n }\r\n\r\n \/* subtle accent line *\/\r\n .step-item::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 1.8rem;\r\n left: 1.8rem;\r\n width: 32px;\r\n height: 3px;\r\n background: #d0dfff;\r\n border-radius: 6px;\r\n transition: width 0.25s, background 0.2s;\r\n }\r\n\r\n .step-item:hover::after {\r\n width: 52px;\r\n background: #1f3c88;\r\n }\r\n\r\n \/* -------- RESPONSIVE -------- *\/\r\n @media (max-width: 1100px) {\r\n .approach-steps {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.8rem;\r\n }\r\n .approach-steps::before {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .our-approach {\r\n padding: 3.5rem 2rem 4rem;\r\n }\r\n .approach-header {\r\n gap: 2rem;\r\n }\r\n .approach-header-left h2 {\r\n font-size: 2.6rem;\r\n }\r\n .approach-number-block .big-number {\r\n font-size: 5rem;\r\n }\r\n .approach-steps {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.8rem;\r\n }\r\n .approach-steps::before {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .our-approach {\r\n padding: 2.5rem 1.5rem 3rem;\r\n }\r\n .approach-header {\r\n flex-direction: column;\r\n gap: 1.2rem;\r\n }\r\n .approach-header-left {\r\n max-width: 100%;\r\n }\r\n .approach-header-left h2 {\r\n font-size: 2.2rem;\r\n }\r\n .approach-header-left p {\r\n font-size: 1rem;\r\n }\r\n .approach-header-right {\r\n justify-content: flex-start;\r\n }\r\n .approach-number-block .big-number {\r\n font-size: 4rem;\r\n }\r\n .approach-steps {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n .step-item {\r\n padding: 1.6rem 1.4rem;\r\n }\r\n .step-item::after {\r\n bottom: 1.4rem;\r\n left: 1.4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .our-approach {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n .approach-header-left h2 {\r\n font-size: 1.8rem;\r\n }\r\n .approach-number-block .big-number {\r\n font-size: 3.2rem;\r\n }\r\n .step-item {\r\n padding: 1.4rem 1.2rem;\r\n border-radius: 1.4rem;\r\n }\r\n .step-item h3 {\r\n font-size: 1.1rem;\r\n }\r\n .step-item p {\r\n font-size: 0.9rem;\r\n }\r\n .step-number-circle {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 1rem;\r\n }\r\n .step-item::after {\r\n bottom: 1.2rem;\r\n left: 1.2rem;\r\n width: 28px;\r\n }\r\n .step-item:hover::after {\r\n width: 42px;\r\n }\r\n }\r\n <\/style><\/head><body><!-- ===== \u0642\u0633\u0645 \u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0639\u0645\u0644 ===== -->\r\n<section class=\"our-approach\">\r\n\r\n <div class=\"approach-inner\">\r\n\r\n <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\r\n <div class=\"approach-header\">\r\n\r\n <div class=\"approach-header-left\">\r\n\r\n <div class=\"approach-badge\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n \u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0639\u0645\u0644\r\n <\/div>\r\n\r\n <h2>\r\n \u0643\u064a\u0641 \u0646\u0642\u0648\u0645 <span>\u0628\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062d\u0644\u0648\u0644<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n \u0641\u064a PAS\u060c \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0646\u0627\u062c\u062d\u0629 \u062a\u0628\u062f\u0623 \u0628\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644.\r\n \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639\u060c \u0622\u0645\u0646\u0629\u060c \u0648\u0639\u0645\u0644\u064a\u0629 \u062a\u062d\u0642\u0642 \u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"approach-header-right\">\r\n\r\n <div class=\"approach-number-block\">\r\n <span class=\"big-number\">3<\/span>\r\n <span class=\"big-label\">\u062e\u0637\u0648\u0627\u062a<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062b\u0644\u0627\u062b -->\r\n\r\n <div class=\"approach-steps\">\r\n\r\n\r\n <!-- \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 -->\r\n\r\n <div class=\"step-item\">\r\n\r\n <div class=\"step-number-circle\">\r\n 01\r\n <\/div>\r\n\r\n <h3>\r\n \u0627\u0644\u0641\u0647\u0645 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637\r\n <\/h3>\r\n\r\n <p>\r\n \u0646\u0628\u062f\u0623 \u0628\u0641\u0647\u0645 \u062a\u062d\u062f\u064a\u0627\u062a \u0639\u0645\u0644\u0643 \u0648\u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0628\u0634\u0643\u0644 \u0639\u0645\u064a\u0642\u060c\r\n \u0644\u0625\u0646\u0634\u0627\u0621 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0648\u062a\u0635\u0645\u064a\u0645 \u0628\u0646\u064a\u0629 \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 -->\r\n\r\n <div class=\"step-item\">\r\n\r\n <div class=\"step-number-circle\">\r\n 02\r\n <\/div>\r\n\r\n <h3>\r\n \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\r\n <\/h3>\r\n\r\n <p>\r\n \u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u062a\u0637\u0648\u064a\u0631 \u062d\u0644\u0648\u0644 \u0622\u0645\u0646\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\u060c\r\n \u0645\u0639 \u062a\u0646\u0641\u064a\u0630 \u0633\u0644\u0633 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0623\u064a \u062a\u0623\u062b\u064a\u0631 \u0639\u0644\u0649 \u0639\u0645\u0644\u064a\u0627\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629 -->\r\n\r\n <div class=\"step-item\">\r\n\r\n <div class=\"step-number-circle\">\r\n 03\r\n <\/div>\r\n\r\n <h3>\r\n \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646\r\n <\/h3>\r\n\r\n <p>\r\n \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u062d\u062a\u0649 \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u060c\r\n \u0646\u0636\u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062a\u0632\u0627\u0645 \u0648\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section><\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6bb795b e-con e-atomic-element e-flexbox-base e-6bb795b-3aa28a0 \" data-id=\"6bb795b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6bb795b\" data-e-type=\"e-flexbox\" data-id=\"6bb795b\">\n \t\t<div class=\"elementor-element elementor-element-838527a elementor-widget elementor-widget-html\" data-id=\"838527a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\" \/><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/><title>Why PAS? \u00b7 Section<\/title><!-- Google Font & Font Awesome --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\" \/><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/><style>* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f9faff;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* -------- WHY PAS? SECTION (2x2 grid, centered header) -------- *\/\r\n .why-pas {\r\n width: 100%;\r\n background: #ffffff;\r\n padding: 5rem 3.5rem 5.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n\r\n \/* decorative glows *\/\r\n .why-pas::before {\r\n content: '';\r\n position: absolute;\r\n top: -150px;\r\n right: -100px;\r\n width: 450px;\r\n height: 450px;\r\n background: radial-gradient(circle, rgba(215, 230, 255, 0.25) 0%, rgba(255, 255, 255, 0) 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .why-pas::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -120px;\r\n left: -80px;\r\n width: 350px;\r\n height: 350px;\r\n background: radial-gradient(circle, rgba(215, 230, 255, 0.15) 0%, rgba(255, 255, 255, 0) 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .why-pas>* {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .why-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* -------- HEADER (centered) -------- *\/\r\n .why-header {\r\n margin-bottom: 3.5rem;\r\n }\r\n\r\n .why-badge {\r\n display: inline-block;\r\n background: #eef4ff;\r\n color: #1f3c88;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.5px;\r\n padding: 0.35rem 1.2rem;\r\n border-radius: 40px;\r\n border: 1px solid rgba(31, 60, 136, 0.08);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .why-badge i {\r\n margin-right: 6px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .why-header h2 {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: #0b1b3a;\r\n line-height: 1.1;\r\n margin: 0 0 0.15rem 0;\r\n }\r\n\r\n .why-header h2 span {\r\n background: linear-gradient(145deg, #1f3c88, #3b5fbf);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .divider-line {\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #1f3c88, #a0bfff);\r\n border-radius: 6px;\r\n margin: 0.6rem auto 0 auto;\r\n }\r\n\r\n \/* -------- 2x2 GRID -------- *\/\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem 1.8rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .why-card {\r\n background: #ffffff;\r\n border-radius: 2rem;\r\n padding: 2.5rem 1.8rem 2.5rem;\r\n transition: all 0.3s ease;\r\n border: 1px solid #edf2f9;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .why-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #cddeff;\r\n box-shadow: 0 20px 40px -14px rgba(28, 52, 128, 0.12), 0 6px 18px -6px rgba(0, 20, 50, 0.06);\r\n background: #fbfdff;\r\n }\r\n\r\n \/* icon *\/\r\n .why-icon {\r\n width: 72px;\r\n height: 72px;\r\n background: linear-gradient(135deg, #eef4ff, #e0eaff);\r\n border-radius: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n color: #1f3c88;\r\n margin-bottom: 1.5rem;\r\n transition: all 0.25s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .why-card:hover .why-icon {\r\n background: #1f3c88;\r\n color: white;\r\n box-shadow: 0 10px 20px -8px rgba(31, 60, 136, 0.3);\r\n transform: scale(1.05);\r\n }\r\n\r\n .why-card h3 {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: #0b1b3a;\r\n letter-spacing: -0.01em;\r\n margin-bottom: 0.5rem;\r\n line-height: 1.3;\r\n }\r\n\r\n .why-card p {\r\n color: #3f4f6e;\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n margin: 0;\r\n flex: 1;\r\n }\r\n\r\n \/* subtle accent line *\/\r\n .why-card::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 1.8rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 32px;\r\n height: 3px;\r\n background: #d0dfff;\r\n border-radius: 6px;\r\n transition: width 0.25s, background 0.2s;\r\n }\r\n\r\n .why-card:hover::after {\r\n width: 56px;\r\n background: #1f3c88;\r\n }\r\n\r\n \/* -------- RESPONSIVE -------- *\/\r\n @media (max-width: 992px) {\r\n .why-pas {\r\n padding: 3.5rem 2rem 4rem;\r\n }\r\n .why-header h2 {\r\n font-size: 2.4rem;\r\n }\r\n .why-grid {\r\n gap: 1.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .why-pas {\r\n padding: 2.5rem 1.5rem 3rem;\r\n }\r\n .why-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n .why-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n }\r\n .why-card {\r\n padding: 2rem 1.4rem;\r\n }\r\n .why-card::after {\r\n bottom: 1.4rem;\r\n }\r\n .why-icon {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 1.6rem;\r\n border-radius: 18px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .why-pas {\r\n padding: 2rem 1rem 2.5rem;\r\n }\r\n .why-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n .why-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.2rem;\r\n }\r\n .why-card {\r\n padding: 1.6rem 1.2rem;\r\n border-radius: 1.4rem;\r\n }\r\n .why-card h3 {\r\n font-size: 1.1rem;\r\n }\r\n .why-card p {\r\n font-size: 0.9rem;\r\n }\r\n .why-icon {\r\n width: 54px;\r\n height: 54px;\r\n font-size: 1.4rem;\r\n border-radius: 16px;\r\n }\r\n .why-card::after {\r\n bottom: 1.2rem;\r\n width: 28px;\r\n }\r\n .why-card:hover::after {\r\n width: 44px;\r\n }\r\n }\r\n <\/style><\/head><body><!-- ===== \u0644\u0645\u0627\u0630\u0627 PAS\u061f ===== -->\r\n\r\n<section class=\"why-pas\">\r\n\r\n <div class=\"why-inner\">\r\n\r\n <!-- HEADER -->\r\n\r\n <div class=\"why-header\">\r\n\r\n <div class=\"why-badge\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627\u061f\r\n <\/div>\r\n\r\n <h2>\r\n \u0644\u0645\u0627\u0630\u0627 <span>PAS\u061f<\/span>\r\n <\/h2>\r\n\r\n <div class=\"divider-line\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- 2x2 GRID -->\r\n\r\n <div class=\"why-grid\">\r\n\r\n\r\n <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0623\u0648\u0644 -->\r\n\r\n <div class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <\/div>\r\n\r\n <h3>\r\n \u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\r\n <\/h3>\r\n\r\n <p>\r\n \u062d\u0644\u0648\u0644 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641 \u0639\u0645\u0644\u0643.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0646\u064a -->\r\n\r\n <div class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n <i class=\"fas fa-users-gear\"><\/i>\r\n <\/div>\r\n\r\n <h3>\r\n \u062e\u0628\u0631\u0627\u0621 \u0645\u062a\u062e\u0635\u0635\u0648\u0646\r\n <\/h3>\r\n\r\n <p>\r\n \u062e\u0628\u0631\u0629 \u062a\u0642\u0646\u064a\u0629 \u0642\u0648\u064a\u0629 \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u064a\u0647\u0627.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0644\u062b -->\r\n\r\n <div class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n <i class=\"fas fa-arrow-trend-up\"><\/i>\r\n <\/div>\r\n\r\n <h3>\r\n \u0645\u0631\u0648\u0646\u0629 \u0648\u0642\u0627\u0628\u0644\u064a\u0629 \u0644\u0644\u062a\u0648\u0633\u0639\r\n <\/h3>\r\n\r\n <p>\r\n \u062e\u062f\u0645\u0627\u062a \u062a\u0646\u0645\u0648 \u0648\u062a\u062a\u0637\u0648\u0631 \u0645\u0639 \u0646\u0645\u0648 \u0623\u0639\u0645\u0627\u0644\u0643.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0631\u0627\u0628\u0639 -->\r\n\r\n <div class=\"why-card\">\r\n\r\n <div class=\"why-icon\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <\/div>\r\n\r\n <h3>\r\n \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0648\u0627\u0644\u062c\u0648\u062f\u0629\r\n <\/h3>\r\n\r\n <p>\r\n \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section><\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us \u00b7 PAS \u0645\u0646 \u0646\u062d\u0646 \u0645\u0646 \u0646\u062d\u0646 \u0634\u0631\u0643\u0629 Professionals Advanced Solutions (PAS) \u0647\u064a \u0634\u0631\u064a\u0643 \u062a\u0642\u0646\u064a \u0645\u0648\u062b\u0648\u0642 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0645\u0643\u064a\u0646 […]<\/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":{"_angie_page":false,"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","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":"","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-241","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/pages\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":4,"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/pages\/241\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/pages\/241\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/media?parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}