{"id":222,"date":"2026-07-19T07:01:44","date_gmt":"2026-07-19T07:01:44","guid":{"rendered":"https:\/\/pas-egypt.com\/%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9\/"},"modified":"2026-07-20T08:15:55","modified_gmt":"2026-07-20T08:15:55","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/pas-egypt.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"222\" class=\"elementor elementor-222 elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c0e3a8 elementor-section-height-full elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"5c0e3a8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-739a131\" data-id=\"739a131\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e6e70b elementor-widget elementor-widget-html\" data-id=\"5e6e70b\" 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>Hero \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: 'Cairo', 'Inter', sans-serif;\r\n    direction: rtl;\r\n            background: #f9faff;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* -------- FULL-WIDTH HERO SECTION (WITH BACKGROUND IMAGE) -------- *\/\r\n       .hero-fullwidth {\r\n    width: 100%;\r\n    padding: 6rem 0 7rem; \/* \u0641\u0648\u0642 | \u064a\u0645\u064a\u0646 \u0648\u0634\u0645\u0627\u0644 = 0 | \u062a\u062d\u062a *\/\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: url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=1600&q=80');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n}\r\n        \/* Dark overlay for text readability *\/\r\n        .hero-fullwidth::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        \/* Remove decorative glows for this section to keep the background clean *\/\r\n        .hero-fullwidth::after {\r\n            display: none;\r\n        }\r\n\r\n        .hero-fullwidth>* {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* inner container *\/\r\n        .hero-inner {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 0 3.5rem;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n        \/* -------- BADGE -------- *\/\r\n        .hero-badge {\r\n            display: inline-block;\r\n            background: rgba(255, 255, 255, 0.12);\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.15);\r\n            margin-bottom: 1.5rem;\r\n            align-self: center;\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        \/* Primary Button (White) *\/\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        \/* Secondary Button (Transparent) *\/\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.1);\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-fullwidth {\r\n                padding: 5rem 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-fullwidth {\r\n                padding: 4rem 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-fullwidth {\r\n                padding: 3rem 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><!-- ===== FULL-WIDTH HERO WITH BACKGROUND IMAGE ===== -->\r\n<section class=\"hero-fullwidth\">\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-rocket\"><\/i> \u0634\u0631\u064a\u0643\u0643 \u0641\u064a \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\r\n        <\/div>\r\n\r\n        <!-- HEADLINE -->\r\n        <h1 class=\"hero-headline\">\r\n            \u0646\u0645\u0643\u0651\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 <span>\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629<\/span>\r\n        <\/h1>\r\n\r\n        <!-- SUB-HEADING -->\r\n        <p class=\"hero-sub\">\r\n            \u0641\u064a Professionals Advanced Solutions (PAS)\u060c \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0644\u0649 \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0646\u0645\u0648\r\n            \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u0646\u0638\u0645\u0629 ERP\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629\u060c \u0648\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0648\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0623\u0646\u0638\u0645\u0629\u060c\r\n            \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u064f\u062f\u0627\u0631\u0629\u060c \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0639\u0647\u064a\u062f \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u0623\u0639\u0645\u0627\u0644.\r\n        <\/p>\r\n\r\n        <!-- BUTTONS -->\r\n        <div class=\"hero-buttons\">\r\n\r\n            <a href=\"mailto:info@pas-eg.com\" class=\"btn-primary\">\r\n                \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646\r\n                <i class=\"fas fa-arrow-left\"><\/i>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/pas-egypt.com\/contact-us\/\" class=\"btn-secondary\">\r\n                \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\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-7e96ceb e-flex e-con-boxed e-con e-parent\" data-id=\"7e96ceb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d328c7 elementor-widget elementor-widget-html\" data-id=\"5d328c7\" 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>About 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        \/* -------- FULL-WIDTH ABOUT SECTION -------- *\/\r\n        .about-fullwidth {\r\n            width: 100%;\r\n            background: #ffffff;\r\n            padding: 4rem 3.5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* decorative glow \u2014 kept for elegance *\/\r\n        .about-fullwidth::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -180px;\r\n            right: -100px;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(215, 230, 255, 0.3) 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        .about-fullwidth>* {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* inner container to keep content readable on large screens *\/\r\n        .about-inner {\r\n            max-width: 1360px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            gap: 4rem;\r\n            align-items: stretch;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        \/* -------- LEFT: text content -------- *\/\r\n        .about-text {\r\n            flex: 1 1 50%;\r\n            min-width: 300px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .about-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            align-self: flex-start;\r\n        }\r\n\r\n        .about-badge i {\r\n            margin-right: 6px;\r\n            font-size: 0.7rem;\r\n        }\r\n\r\n        .about-text 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        .company-name {\r\n            font-size: 2.4rem;\r\n            font-weight: 700;\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            letter-spacing: -0.02em;\r\n            margin-bottom: 0.3rem;\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 0 1.4rem 0;\r\n        }\r\n\r\n        .about-text .description p {\r\n            font-size: 1.05rem;\r\n            line-height: 1.8;\r\n            color: #1f2a44;\r\n            font-weight: 400;\r\n            margin-bottom: 1.2rem;\r\n        }\r\n\r\n        .about-text .description p:last-of-type {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .about-text .description strong {\r\n            color: #1f3c88;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .about-tagline {\r\n            margin-top: 1.8rem;\r\n            display: flex;\r\n            align-items: 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: 1.8rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .about-tagline i {\r\n            color: #1f3c88;\r\n            opacity: 0.5;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .about-tagline span {\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* -------- RIGHT: image -------- *\/\r\n        .about-image {\r\n            flex: 1 1 35%;\r\n            min-width: 260px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .about-image .img-placeholder {\r\n            width: 100%;\r\n            aspect-ratio: 1 \/ 1;\r\n            max-width: 500px;\r\n            border-radius: 2.2rem;\r\n            background: linear-gradient(145deg, #eef4ff, #dce6fa);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 20px 40px -12px rgba(31, 60, 136, 0.12);\r\n            transition: transform 0.25s ease, box-shadow 0.3s ease;\r\n            padding: 1.5rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .about-image .img-placeholder:hover {\r\n            transform: scale(1.01);\r\n            box-shadow: 0 28px 50px -14px rgba(31, 60, 136, 0.18);\r\n        }\r\n\r\n        .img-placeholder .pattern-dots {\r\n            position: absolute;\r\n            top: 10%;\r\n            right: 10%;\r\n            width: 60px;\r\n            height: 60px;\r\n            opacity: 0.15;\r\n            background-image: radial-gradient(#1f3c88 1.5px, transparent 1.5px);\r\n            background-size: 12px 12px;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .img-placeholder .pattern-dots.bottom {\r\n            top: auto;\r\n            bottom: 10%;\r\n            left: 10%;\r\n            right: auto;\r\n        }\r\n\r\n        .img-placeholder .main-icon {\r\n            font-size: 5.5rem;\r\n            color: #1f3c88;\r\n            opacity: 0.3;\r\n            margin-bottom: 0.2rem;\r\n        }\r\n\r\n        .img-placeholder .img-label {\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            color: #1f3c88;\r\n            letter-spacing: 0.4px;\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(4px);\r\n            padding: 0.3rem 1.4rem;\r\n            border-radius: 40px;\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .img-placeholder .img-label i {\r\n            font-size: 0.8rem;\r\n            margin-right: 6px;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        \/* -------- responsive -------- *\/\r\n        @media (max-width: 992px) {\r\n            .about-fullwidth {\r\n                padding: 3rem 2rem;\r\n            }\r\n            .about-inner {\r\n                gap: 2.5rem;\r\n            }\r\n            .about-text h2 {\r\n                font-size: 2.4rem;\r\n            }\r\n            .company-name {\r\n                font-size: 2rem;\r\n            }\r\n            .about-text .description p {\r\n                font-size: 1rem;\r\n            }\r\n            .about-image .img-placeholder {\r\n                max-width: 400px;\r\n                aspect-ratio: 1 \/ 1;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .about-fullwidth {\r\n                padding: 2.5rem 1.5rem;\r\n            }\r\n            .about-inner {\r\n                flex-direction: column;\r\n            }\r\n            .about-text {\r\n                order: 1;\r\n            }\r\n            .about-image {\r\n                order: 0;\r\n                width: 100%;\r\n            }\r\n            .about-image .img-placeholder {\r\n                max-width: 100%;\r\n                aspect-ratio: 4 \/ 3;\r\n                border-radius: 1.8rem;\r\n            }\r\n            .about-text h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n            .company-name {\r\n                font-size: 1.8rem;\r\n            }\r\n            .about-tagline {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .about-fullwidth {\r\n                padding: 1.8rem 1rem;\r\n            }\r\n            .about-text h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n            .company-name {\r\n                font-size: 1.5rem;\r\n            }\r\n            .about-text .description p {\r\n                font-size: 0.95rem;\r\n                line-height: 1.7;\r\n            }\r\n            .about-image .img-placeholder {\r\n                aspect-ratio: 1 \/ 1;\r\n                border-radius: 1.4rem;\r\n            }\r\n            .img-placeholder .main-icon {\r\n                font-size: 3.8rem;\r\n            }\r\n        }\r\n    <\/style><\/head><body><!-- ===== FULL-WIDTH ABOUT US ===== -->\r\n<section class=\"about-fullwidth\">\r\n\r\n    <div class=\"about-inner\">\r\n\r\n        <!-- LEFT: text -->\r\n        <div class=\"about-text\">\r\n\r\n            <div class=\"about-badge\">\r\n                <i class=\"fas fa-arrow-right\"><\/i> \u0645\u0646 \u0646\u062d\u0646\r\n            <\/div>\r\n\r\n            <h2>\u0645\u0646 \u0646\u062d\u0646<\/h2>\r\n\r\n            <div class=\"company-name\">PAS<\/div>\r\n\r\n            <div class=\"divider-line\"><\/div>\r\n\r\n            <div class=\"description\">\r\n\r\n                <p>\r\n                    <strong>Professionals Advanced Solutions (PAS)<\/strong>\r\n                    \u0647\u064a \u0634\u0631\u064a\u0643 \u062a\u0642\u0646\u064a \u0645\u0648\u062b\u0648\u0642 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\r\n                    \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0639\u0647\u064a\u062f \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0623\u0639\u0645\u0627\u0644\u0647\u0627\r\n                    \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u060c \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0629\u060c\r\n                    \u0648\u062f\u0639\u0645 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645.\r\n                    \r\n                    \u064a\u062c\u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0627\u0644\u0623\u0639\u0645\u0627\u0644\r\n                    \u0644\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\u0645\u062c\u0647\u0632\u0629 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628\r\n                    \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0643\u0644 \u0639\u0645\u064a\u0644.\r\n                <\/p>\r\n\r\n                <p>\r\n                    \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u062a\u0646\u0641\u064a\u0630 \u0646\u0638\u0627\u0645 ERP \u0645\u062a\u0643\u0627\u0645\u0644\u060c \u062a\u0637\u0648\u064a\u0631 \u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n                    \u0645\u062e\u0635\u0635\u060c \u0625\u0646\u0634\u0627\u0621 \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u060c \u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0623\u0646\u0638\u0645\u0629\u060c \u062e\u062f\u0645\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0645\u064f\u062f\u0627\u0631\u0629\u060c\r\n                    \u0623\u0648 \u062d\u0644\u0648\u0644 \u062a\u0639\u0647\u064a\u062f \u0644\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0641\u0625\u0646\r\n                    <strong>PAS<\/strong>\r\n                    \u0645\u0644\u062a\u0632\u0645\u0629 \u0628\u062a\u0642\u062f\u064a\u0645 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT: image -->\r\n        <div class=\"about-image\">\r\n\r\n            <div class=\"img-placeholder\">\r\n\r\n                <div class=\"pattern-dots\"><\/div>\r\n\r\n                <div class=\"pattern-dots bottom\"><\/div>\r\n\r\n                <img decoding=\"async\" \r\n                src=\"http:\/\/pas-egypt.com\/wp-content\/uploads\/2026\/07\/61cf194ce3154d95fd694e192bbd2e50.webp\" \r\n                alt=\"About PAS\" \r\n                style=\"width:100%;height:100%;object-fit:cover;border-radius:2.2rem;\" \/>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3641c82 e-con e-atomic-element e-flexbox-base e-08c9129 \" data-id=\"3641c82\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3641c82\" data-e-type=\"e-flexbox\" data-id=\"3641c82\">\n    \t\t<div class=\"elementor-element elementor-element-88c8f9d elementor-widget elementor-widget-html\" data-id=\"88c8f9d\" 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 Services \u00b7 elevate<\/title><!-- Google Font & Font Awesome for clean icons --><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  width: 100%;\r\n  overflow-x: hidden;\r\n}\r\n\r\n   .services-card {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  background: #ffffff;\r\n  border-radius: 0;\r\n  box-shadow: none;\r\n  padding: 80px 5%;\r\n  transition: all 0.2s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n    \/* header *\/\r\n    .section-header {\r\n      margin-bottom: 3.5rem;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .section-header .badge {\r\n      display: inline-block;\r\n      background: #eef4ff;\r\n      color: #1f3c88;\r\n      font-weight: 600;\r\n      font-size: 0.8rem;\r\n      letter-spacing: 0.4px;\r\n      padding: 0.4rem 1.2rem;\r\n      border-radius: 40px;\r\n      margin-bottom: 1rem;\r\n      border: 1px solid rgba(31, 60, 136, 0.08);\r\n    }\r\n\r\n    .section-header h1 {\r\n      font-size: 3rem;\r\n      font-weight: 700;\r\n      letter-spacing: -0.02em;\r\n      color: #0b1b3a;\r\n      margin: 0;\r\n      line-height: 1.1;\r\n    }\r\n\r\n    .section-header h1 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    .section-header .subhead {\r\n      font-size: 1.1rem;\r\n      color: #4a5b7a;\r\n      margin-top: 0.6rem;\r\n      font-weight: 400;\r\n      max-width: 480px;\r\n      line-height: 1.6;\r\n      border-left: 4px solid #d0dfff;\r\n      padding-left: 1.2rem;\r\n    }\r\n\r\n    \/* grid *\/\r\n    .services-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 2rem 1.8rem;\r\n    }\r\n\r\n    .service-item {\r\n      background: #ffffff;\r\n      border-radius: 2rem;\r\n      padding: 2rem 1.8rem 2rem 1.8rem;\r\n      transition: all 0.25s 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      position: relative;\r\n    }\r\n\r\n    .service-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 circle *\/\r\n    .service-icon {\r\n      width: 56px;\r\n      height: 56px;\r\n      background: linear-gradient(135deg, #eef4ff, #e0eaff);\r\n      border-radius: 18px;\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.2s;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .service-item:hover .service-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    .service-item h3 {\r\n      font-size: 1.4rem;\r\n      font-weight: 600;\r\n      color: #0b1b3a;\r\n      letter-spacing: -0.01em;\r\n      margin-bottom: 0.75rem;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .service-item p {\r\n      color: #3f4f6e;\r\n      font-size: 0.98rem;\r\n      line-height: 1.7;\r\n      font-weight: 400;\r\n      margin: 0 0 0.5rem 0;\r\n      flex: 1;\r\n    }\r\n\r\n    \/* subtle accent line *\/\r\n    .service-item::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 1.8rem;\r\n      left: 1.8rem;\r\n      width: 40px;\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    .service-item:hover::after {\r\n      width: 60px;\r\n      background: #1f3c88;\r\n    }\r\n\r\n    \/* responsive *\/\r\n    @media (max-width: 992px) {\r\n      .services-card {\r\n        padding: 2.5rem 1.8rem;\r\n      }\r\n      .services-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.8rem;\r\n      }\r\n      .section-header h1 {\r\n        font-size: 2.5rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      body {\r\n        padding: 1rem 0.8rem;\r\n      }\r\n      .services-card {\r\n        padding: 2rem 1.2rem;\r\n        border-radius: 2rem;\r\n      }\r\n      .services-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.5rem;\r\n      }\r\n      .section-header h1 {\r\n        font-size: 2.2rem;\r\n      }\r\n      .section-header .subhead {\r\n        padding-left: 0.8rem;\r\n        font-size: 1rem;\r\n      }\r\n      .service-item {\r\n        padding: 1.6rem 1.4rem;\r\n      }\r\n      .service-item::after {\r\n        bottom: 1.4rem;\r\n        left: 1.4rem;\r\n      }\r\n    }\r\n\r\n    \/* small extra touch: icon variations *\/\r\n    .service-item:nth-child(1) .service-icon i { transform: scale(1); }\r\n    .service-item:nth-child(2) .service-icon i { transform: scale(1); }\r\n    .service-item:nth-child(3) .service-icon i { transform: scale(1); }\r\n    .service-item:nth-child(4) .service-icon i { transform: scale(1); }\r\n    .service-item:nth-child(5) .service-icon i { transform: scale(1); }\r\n    .service-item:nth-child(6) .service-icon i { transform: scale(1); }\r\n\r\n    \/* subtle background decoration *\/\r\n    .services-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .services-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -120px;\r\n      right: -120px;\r\n      width: 400px;\r\n      height: 400px;\r\n      background: radial-gradient(circle, rgba(215, 230, 255, 0.3) 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    .services-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* footer-like subtle line *\/\r\n    .service-footer-note {\r\n      margin-top: 3.5rem;\r\n      text-align: right;\r\n      font-size: 0.85rem;\r\n      color: #8a9bb8;\r\n      border-top: 1px solid #edf2f9;\r\n      padding-top: 1.8rem;\r\n      letter-spacing: 0.3px;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      gap: 0.6rem;\r\n    }\r\n\r\n    .service-footer-note i {\r\n      color: #1f3c88;\r\n      opacity: 0.5;\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .service-footer-note {\r\n        justify-content: center;\r\n        font-size: 0.75rem;\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n  <\/style><\/head><body><div class=\"services-card\"><!-- Header -->\r\n<div class=\"section-header\">\r\n\r\n    <div class=\"badge\">\r\n        <i class=\"fas fa-arrow-right\"><\/i> \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n    <\/div>\r\n\r\n    <h1>\r\n        \u062d\u0644\u0648\u0644 <span>\u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"subhead\">\r\n        \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0647\u0627\u064a\u0629 \u2014 \u062d\u0644\u0648\u0644 \u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644.\r\n    <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- Services Grid -->\r\n<div class=\"services-grid\">\r\n\r\n\r\n    <!-- ERP Solutions -->\r\n    <div class=\"service-item\">\r\n\r\n        <div class=\"service-icon\">\r\n            <i class=\"fas fa-layer-group\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n            \u062d\u0644\u0648\u0644 ERP\r\n        <\/h3>\r\n\r\n        <p>\r\n            \u062a\u0646\u0641\u064a\u0630 \u0623\u0646\u0638\u0645\u0629 \u062a\u062e\u0637\u064a\u0637 \u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a (ERP) \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u062f\u0645\u062c\r\n            \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\u060c \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\u060c \u0627\u0644\u0645\u062e\u0632\u0648\u0646\u060c \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\u060c\r\n            \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0641\u064a \u0645\u0646\u0635\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Website Development -->\r\n    <div class=\"service-item\">\r\n\r\n        <div class=\"service-icon\">\r\n            <i class=\"fas fa-code\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n            \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\r\n        <\/h3>\r\n\r\n        <p>\r\n            \u0646\u0642\u0648\u0645 \u0628\u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062d\u062f\u064a\u062b\u0629\u060c \u0622\u0645\u0646\u0629\u060c \u0648\u0645\u062a\u062c\u0627\u0648\u0628\u0629\r\n            \u0630\u0627\u062a \u0623\u062f\u0627\u0621 \u0639\u0627\u0644\u064a \u0644\u062a\u0639\u0632\u064a\u0632 \u062d\u0636\u0648\u0631\u0643 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062f\u0639\u0645 \u0623\u0647\u062f\u0627\u0641 \u0639\u0645\u0644\u0643.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Mobile Applications -->\r\n    <div class=\"service-item\">\r\n\r\n        <div class=\"service-icon\">\r\n            <i class=\"fas fa-mobile-screen-button\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n            \u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\r\n        <\/h3>\r\n\r\n        <p>\r\n            \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u0623\u0646\u0638\u0645\u0629 Android \u0648 iOS\r\n            \u062a\u0648\u0641\u0631 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0645\u064a\u0632\u0629 \u0648\u0623\u062f\u0627\u0621 \u0627\u062d\u062a\u0631\u0627\u0641\u064a.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Systems Integration -->\r\n    <div class=\"service-item\">\r\n\r\n        <div class=\"service-icon\">\r\n            <i class=\"fas fa-network-wired\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n            \u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0623\u0646\u0638\u0645\u0629\r\n        <\/h3>\r\n\r\n        <p>\r\n            \u0631\u0628\u0637 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0633\u0644\u0633\u060c\r\n            \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u060c \u0648\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0634\u0643\u0644 \u0622\u0645\u0646 \u0648\u0641\u0639\u0627\u0644.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Digital Portal Management -->\r\n    <div class=\"service-item\">\r\n\r\n        <div class=\"service-icon\">\r\n            <i class=\"fas fa-globe\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n            \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629\r\n        <\/h3>\r\n\r\n        <p>\r\n            \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0644\u0636\u0645\u0627\u0646\r\n            \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062a\u0648\u0641\u0631\u060c \u0627\u0644\u0623\u0645\u0627\u0646\u060c \u0648\u0627\u0644\u0623\u062f\u0627\u0621.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Professional Outsourcing -->\r\n    <div class=\"service-item\">\r\n\r\n        <div class=\"service-icon\">\r\n            <i class=\"fas fa-users\"><\/i>\r\n        <\/div>\r\n\r\n        <h3>\r\n            \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0639\u0647\u064a\u062f \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\r\n        <\/h3>\r\n\r\n        <p>\r\n            \u062a\u0648\u0641\u064a\u0631 \u0643\u0648\u0627\u062f\u0631 \u0648\u062e\u0628\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u062f\u0639\u0645 \u0639\u0645\u0644\u064a\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0643\r\n            \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- Footer Note -->\r\n<div class=\"service-footer-note\">\r\n\r\n    <i class=\"fas fa-check-circle\"><\/i>\r\n\r\n    <span>\r\n        \u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629\u060c \u0622\u0645\u0646\u0629\u060c \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639 \u0644\u062f\u0639\u0645 \u0646\u0645\u0648 \u0623\u0639\u0645\u0627\u0644\u0643\r\n    <\/span>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6eeb3bd e-con e-atomic-element e-flexbox-base e-ed86b7d \" data-id=\"6eeb3bd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6eeb3bd\" data-e-type=\"e-flexbox\" data-id=\"6eeb3bd\">\n    \t\t<div class=\"elementor-element elementor-element-bee9bad elementor-widget elementor-widget-html\" data-id=\"bee9bad\" 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 Choose 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        \/* -------- FULL-WIDTH WHY CHOOSE SECTION -------- *\/\r\n        .why-choose-fullwidth {\r\n            width: 100%;\r\n            background: #ffffff;\r\n            padding: 4.5rem 3.5rem 5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* decorative glow *\/\r\n        .why-choose-fullwidth::before {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -180px;\r\n            left: -100px;\r\n            width: 500px;\r\n            height: 500px;\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-choose-fullwidth::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -120px;\r\n            right: -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-choose-fullwidth>* {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* inner container for content width control *\/\r\n        .why-inner {\r\n            max-width: 1360px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* -------- HEADER -------- *\/\r\n        .why-header {\r\n            text-align: center;\r\n            margin-bottom: 3.5rem;\r\n        }\r\n\r\n        .why-header .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.4rem;\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        .why-header .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: 3rem;\r\n            font-weight: 700;\r\n            letter-spacing: -0.02em;\r\n            color: #0b1b3a;\r\n            line-height: 1.1;\r\n            margin-bottom: 0.6rem;\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        .why-header .subhead {\r\n            font-size: 1.1rem;\r\n            color: #4a5b7a;\r\n            font-weight: 400;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* -------- GRID -------- *\/\r\n        .why-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem 1.8rem;\r\n        }\r\n\r\n        .why-item {\r\n            background: #ffffff;\r\n            border-radius: 2rem;\r\n            padding: 2.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            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n        }\r\n\r\n        .why-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 circle *\/\r\n        .why-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #eef4ff, #e0eaff);\r\n            border-radius: 18px;\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.3rem;\r\n            transition: all 0.25s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .why-item: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        }\r\n\r\n        .why-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        .why-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        .why-item::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 1.8rem;\r\n            left: 1.8rem;\r\n            width: 36px;\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-item: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-choose-fullwidth {\r\n                padding: 3.5rem 2rem 4rem;\r\n            }\r\n            .why-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 1.8rem;\r\n            }\r\n            .why-header h2 {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .why-choose-fullwidth {\r\n                padding: 2.5rem 1.5rem 3rem;\r\n            }\r\n            .why-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 1.2rem;\r\n            }\r\n            .why-item {\r\n                padding: 1.6rem 1.4rem;\r\n            }\r\n            .why-item::after {\r\n                bottom: 1.4rem;\r\n                left: 1.4rem;\r\n            }\r\n            .why-header h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n            .why-header .subhead {\r\n                font-size: 1rem;\r\n            }\r\n            .why-icon {\r\n                width: 50px;\r\n                height: 50px;\r\n                font-size: 1.4rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 550px) {\r\n            .why-choose-fullwidth {\r\n                padding: 2rem 1rem 2.5rem;\r\n            }\r\n            .why-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 1rem;\r\n            }\r\n            .why-header h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n            .why-item {\r\n                padding: 1.4rem 1.2rem;\r\n                border-radius: 1.4rem;\r\n            }\r\n            .why-item h3 {\r\n                font-size: 1.1rem;\r\n            }\r\n            .why-item p {\r\n                font-size: 0.9rem;\r\n            }\r\n            .why-item::after {\r\n                bottom: 1.2rem;\r\n                left: 1.2rem;\r\n                width: 30px;\r\n            }\r\n            .why-item:hover::after {\r\n                width: 46px;\r\n            }\r\n        }\r\n    <\/style><\/head><body><!-- ===== FULL-WIDTH WHY CHOOSE PAS ===== -->\r\n<section class=\"why-choose-fullwidth\">\r\n\r\n    <div class=\"why-inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"why-header\">\r\n\r\n            <div class=\"badge\">\r\n                <i class=\"fas fa-star\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 <span>PAS\u061f<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"subhead\">\r\n                \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0648\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644\r\n                \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0645\u0624\u062b\u0631\u0629.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GRID -->\r\n        <div class=\"why-grid\">\r\n\r\n\r\n            <!-- 1. Experienced Professionals -->\r\n            <div class=\"why-item\">\r\n\r\n                <div class=\"why-icon\">\r\n                    <i class=\"fas fa-user-tie\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062e\u0628\u0631\u0627\u0621 \u0648\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0630\u0648\u0648 \u062e\u0628\u0631\u0629\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0641\u0631\u064a\u0642 \u0645\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0627\u0644\u0645\u0624\u0647\u0644\u064a\u0646 \u064a\u0645\u062a\u0644\u0643 \u062e\u0628\u0631\u0627\u062a \u0639\u0645\u064a\u0642\u0629\r\n                    \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 2. Customized Solutions -->\r\n            <div class=\"why-item\">\r\n\r\n                <div class=\"why-icon\">\r\n                    <i class=\"fas fa-puzzle-piece\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0643\u0644 \u0634\u0631\u0643\u0629 \u0644\u0647\u0627 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0644\u0630\u0644\u0643 \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b\r\n                    \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 3. End-to-End Services -->\r\n            <div class=\"why-item\">\r\n\r\n                <div class=\"why-icon\">\r\n                    <i class=\"fas fa-arrows-spin\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0644\u0644\u0646\u0647\u0627\u064a\u0629\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u062d\u062a\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c\r\n                    \u0627\u0644\u0625\u062f\u0627\u0631\u0629\u060c \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0644\u0636\u0645\u0627\u0646 \u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 4. Digital Transformation Expertise -->\r\n            <div class=\"why-item\">\r\n\r\n                <div class=\"why-icon\">\r\n                    <i class=\"fas fa-microchip\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0639\u0645\u0644\u064a\u0627\u062a\u0647\u0627 \u0648\u062a\u062d\u062f\u064a\u062b\r\n                    \u0623\u0639\u0645\u0627\u0644\u0647\u0627 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 5. Reliable Support -->\r\n            <div class=\"why-item\">\r\n\r\n                <div class=\"why-icon\">\r\n                    <i class=\"fas fa-headset\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062f\u0639\u0645 \u0645\u0648\u062b\u0648\u0642\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u062f\u0639\u0645 \u0641\u0646\u064a \u0645\u0633\u062a\u0645\u0631 \u0648\u0634\u0631\u0627\u0643\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649 \u0644\u0636\u0645\u0627\u0646\r\n                    \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0642\u062f\u0645\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 6. Business-Focused Approach -->\r\n            <div class=\"why-item\">\r\n\r\n                <div class=\"why-icon\">\r\n                    <i class=\"fas fa-chart-line\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u0646\u0647\u062c \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0632\u064a\u0627\u062f\u0629\r\n                    \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u0645\u0648.\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>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a8c1a92 e-con e-atomic-element e-flexbox-base e-afa9b49 \" data-id=\"a8c1a92\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a8c1a92\" data-e-type=\"e-flexbox\" data-id=\"a8c1a92\">\n    \t\t<div class=\"elementor-element elementor-element-8011cb5 elementor-widget elementor-widget-html\" data-id=\"8011cb5\" 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 Process \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        \/* -------- FULL-WIDTH PROCESS SECTION -------- *\/\r\n        .process-fullwidth {\r\n            width: 100%;\r\n            background: #ffffff;\r\n            padding: 4.5rem 3.5rem 5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* decorative glows *\/\r\n        .process-fullwidth::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -180px;\r\n            right: -100px;\r\n            width: 500px;\r\n            height: 500px;\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        .process-fullwidth::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        .process-fullwidth>* {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* inner container for content width control *\/\r\n        .process-inner {\r\n            max-width: 1360px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* -------- HEADER -------- *\/\r\n        .process-header {\r\n            text-align: center;\r\n            margin-bottom: 3.5rem;\r\n        }\r\n\r\n        .process-header .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.4rem;\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        .process-header .badge i {\r\n            margin-right: 6px;\r\n            font-size: 0.7rem;\r\n        }\r\n\r\n        .process-header h2 {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            letter-spacing: -0.02em;\r\n            color: #0b1b3a;\r\n            line-height: 1.1;\r\n            margin-bottom: 0.6rem;\r\n        }\r\n\r\n        .process-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        .process-header .subhead {\r\n            font-size: 1.1rem;\r\n            color: #4a5b7a;\r\n            font-weight: 400;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* -------- GRID -------- *\/\r\n        .process-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 2rem 1.8rem;\r\n        }\r\n\r\n        .process-item {\r\n            background: #ffffff;\r\n            border-radius: 2rem;\r\n            padding: 2rem 1.5rem 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            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n        }\r\n\r\n        .process-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        \/* step number *\/\r\n        .step-number {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            color: #eef4ff;\r\n            line-height: 1;\r\n            margin-bottom: -0.2rem;\r\n            transition: color 0.2s ease;\r\n        }\r\n\r\n        .process-item:hover .step-number {\r\n            color: #d0dfff;\r\n        }\r\n\r\n        \/* icon *\/\r\n        .process-icon {\r\n            width: 56px;\r\n            height: 56px;\r\n            background: linear-gradient(135deg, #eef4ff, #e0eaff);\r\n            border-radius: 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.6rem;\r\n            color: #1f3c88;\r\n            margin: 0.2rem 0 1.2rem 0;\r\n            transition: all 0.25s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .process-item:hover .process-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        .process-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.4rem;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .process-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        .process-item::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 1.8rem;\r\n            left: 1.8rem;\r\n            width: 36px;\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        .process-item:hover::after {\r\n            width: 56px;\r\n            background: #1f3c88;\r\n        }\r\n\r\n        \/* -------- responsive -------- *\/\r\n        @media (max-width: 1100px) {\r\n            .process-grid {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 1.8rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .process-fullwidth {\r\n                padding: 3rem 1.5rem 3.5rem;\r\n            }\r\n            .process-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 1.2rem;\r\n            }\r\n            .process-item {\r\n                padding: 1.6rem 1.4rem;\r\n            }\r\n            .process-item::after {\r\n                bottom: 1.4rem;\r\n                left: 1.4rem;\r\n            }\r\n            .process-header h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n            .process-header .subhead {\r\n                font-size: 1rem;\r\n            }\r\n            .process-icon {\r\n                width: 50px;\r\n                height: 50px;\r\n                font-size: 1.4rem;\r\n            }\r\n            .step-number {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .process-fullwidth {\r\n                padding: 2rem 1rem 2.5rem;\r\n            }\r\n            .process-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 1rem;\r\n            }\r\n            .process-header h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n            .process-item {\r\n                padding: 1.4rem 1.2rem;\r\n                border-radius: 1.4rem;\r\n            }\r\n            .process-item h3 {\r\n                font-size: 1.1rem;\r\n            }\r\n            .process-item p {\r\n                font-size: 0.9rem;\r\n            }\r\n            .process-item::after {\r\n                bottom: 1.2rem;\r\n                left: 1.2rem;\r\n                width: 30px;\r\n            }\r\n            .process-item:hover::after {\r\n                width: 46px;\r\n            }\r\n        }\r\n    <\/style><\/head><body><!-- ===== FULL-WIDTH OUR PROCESS ===== -->\r\n<section class=\"process-fullwidth\">\r\n    <div class=\"process-inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"process-header\">\r\n\r\n            <div class=\"badge\">\r\n                <i class=\"fas fa-arrow-right\"><\/i> \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644\u0646\u0627\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u0643\u064a\u0641 <span>\u0646\u0639\u0645\u0644<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"subhead\">\r\n                \u0645\u0646\u0647\u062c\u064a\u0629 \u0645\u0646\u0638\u0645\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u062a\u0645\u064a\u0632\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u062d\u062a\u0649 \u0627\u0644\u0646\u0647\u0627\u064a\u0629.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GRID -->\r\n        <div class=\"process-grid\">\r\n\r\n\r\n            <!-- 01. Discovery -->\r\n            <div class=\"process-item\">\r\n\r\n                <div class=\"step-number\">01<\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <i class=\"fas fa-compass\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641<\/h3>\r\n\r\n                <p>\r\n                    \u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0639\u0645\u0644\u0643 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0628\u062f\u0642\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- 02. Planning -->\r\n            <div class=\"process-item\">\r\n\r\n                <div class=\"step-number\">02<\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <i class=\"fas fa-map\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u062a\u062e\u0637\u064a\u0637<\/h3>\r\n\r\n                <p>\r\n                    \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\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            <!-- 03. Development -->\r\n            <div class=\"process-item\">\r\n\r\n                <div class=\"step-number\">03<\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <i class=\"fas fa-laptop-code\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h3>\r\n\r\n                <p>\r\n                    \u0628\u0646\u0627\u0621 \u062d\u0644\u0648\u0644 \u0622\u0645\u0646\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- 04. Deployment -->\r\n            <div class=\"process-item\">\r\n\r\n                <div class=\"step-number\">04<\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <i class=\"fas fa-rocket\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/h3>\r\n\r\n                <p>\r\n                    \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062d\u0644\u0648\u0644 \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0639 \u062a\u0642\u0644\u064a\u0644 \u0623\u064a \u062a\u0623\u062b\u064a\u0631 \u0639\u0644\u0649 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- 05. Support -->\r\n            <div class=\"process-item\">\r\n\r\n                <div class=\"step-number\">05<\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <i class=\"fas fa-headset\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u062f\u0639\u0645<\/h3>\r\n\r\n                <p>\r\n                    \u0635\u064a\u0627\u0646\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0648\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0648\u062f\u0639\u0645 \u0641\u0646\u064a \u0644\u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0623\u062f\u0627\u0621.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-16e3eab e-con e-atomic-element e-flexbox-base e-9dc53c9 \" data-id=\"16e3eab\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"16e3eab\" data-e-type=\"e-flexbox\" data-id=\"16e3eab\">\n    \t\t<div class=\"elementor-element elementor-element-513bf00 elementor-widget elementor-widget-html\" data-id=\"513bf00\" 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>Vision & Mission \u00b7 PAS<\/title><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    \/* -------- FULL-WIDTH VISION & MISSION -------- *\/\r\n    .vm-fullwidth {\r\n      width: 100%;\r\n      background: #ffffff;\r\n      padding: 4.5rem 3.5rem 5rem;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* decorative glows *\/\r\n    .vm-fullwidth::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -180px;\r\n      left: -100px;\r\n      width: 500px;\r\n      height: 500px;\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    .vm-fullwidth::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -120px;\r\n      right: -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    .vm-fullwidth>* {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* inner container *\/\r\n    .vm-inner {\r\n      max-width: 1360px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* -------- HEADER -------- *\/\r\n    .vm-header {\r\n      text-align: center;\r\n      margin-bottom: 3.5rem;\r\n    }\r\n\r\n    .vm-header .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.4rem;\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    .vm-header .badge i {\r\n      margin-right: 6px;\r\n      font-size: 0.7rem;\r\n    }\r\n\r\n    .vm-header h2 {\r\n      font-size: 3rem;\r\n      font-weight: 700;\r\n      letter-spacing: -0.02em;\r\n      color: #0b1b3a;\r\n      line-height: 1.1;\r\n      margin-bottom: 0.6rem;\r\n    }\r\n\r\n    .vm-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    .vm-header .subhead {\r\n      font-size: 1.1rem;\r\n      color: #4a5b7a;\r\n      font-weight: 400;\r\n      max-width: 600px;\r\n      margin: 0 auto;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* -------- GRID (2 columns) -------- *\/\r\n    .vm-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 2.5rem;\r\n    }\r\n\r\n    .vm-card {\r\n      background: #ffffff;\r\n      border-radius: 2rem;\r\n      padding: 2.5rem 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      display: flex;\r\n      flex-direction: column;\r\n      position: relative;\r\n    }\r\n\r\n    .vm-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    .vm-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: 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    .vm-card:hover .vm-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    .vm-card h3 {\r\n      font-size: 1.6rem;\r\n      font-weight: 700;\r\n      color: #0b1b3a;\r\n      letter-spacing: -0.01em;\r\n      margin-bottom: 0.75rem;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .vm-card p {\r\n      color: #3f4f6e;\r\n      font-size: 1rem;\r\n      line-height: 1.8;\r\n      font-weight: 400;\r\n      margin: 0;\r\n      flex: 1;\r\n    }\r\n\r\n    \/* subtle accent line *\/\r\n    .vm-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 1.8rem;\r\n      left: 2rem;\r\n      width: 40px;\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    .vm-card:hover::after {\r\n      width: 60px;\r\n      background: #1f3c88;\r\n    }\r\n\r\n    \/* -------- responsive -------- *\/\r\n    @media (max-width: 992px) {\r\n      .vm-fullwidth {\r\n        padding: 3.5rem 2rem 4rem;\r\n      }\r\n      .vm-grid {\r\n        gap: 1.8rem;\r\n      }\r\n      .vm-header h2 {\r\n        font-size: 2.5rem;\r\n      }\r\n      .vm-card {\r\n        padding: 2rem 1.8rem;\r\n      }\r\n      .vm-card h3 {\r\n        font-size: 1.4rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .vm-fullwidth {\r\n        padding: 2.5rem 1.5rem 3rem;\r\n      }\r\n      .vm-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.5rem;\r\n      }\r\n      .vm-card {\r\n        padding: 1.8rem 1.6rem;\r\n      }\r\n      .vm-header h2 {\r\n        font-size: 2.2rem;\r\n      }\r\n      .vm-header .subhead {\r\n        font-size: 1rem;\r\n      }\r\n      .vm-card::after {\r\n        bottom: 1.4rem;\r\n        left: 1.6rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .vm-fullwidth {\r\n        padding: 2rem 1rem 2.5rem;\r\n      }\r\n      .vm-header h2 {\r\n        font-size: 1.8rem;\r\n      }\r\n      .vm-card {\r\n        padding: 1.4rem 1.2rem;\r\n        border-radius: 1.4rem;\r\n      }\r\n      .vm-card h3 {\r\n        font-size: 1.2rem;\r\n      }\r\n      .vm-card p {\r\n        font-size: 0.95rem;\r\n      }\r\n      .vm-icon {\r\n        width: 54px;\r\n        height: 54px;\r\n        font-size: 1.6rem;\r\n      }\r\n      .vm-card::after {\r\n        bottom: 1.2rem;\r\n        left: 1.2rem;\r\n        width: 30px;\r\n      }\r\n      .vm-card:hover::after {\r\n        width: 46px;\r\n      }\r\n    }\r\n  <\/style><\/head><body><!-- ===== FULL-WIDTH VISION & MISSION ===== -->\r\n<section class=\"vm-fullwidth\">\r\n\r\n    <div class=\"vm-inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"vm-header\">\r\n\r\n            <div class=\"badge\">\r\n                <i class=\"fas fa-arrow-right\"><\/i> \u0647\u062f\u0641\u0646\u0627 \u0648\u0631\u0624\u064a\u062a\u0646\u0627\r\n            <\/div>\r\n\r\n            <h2>\r\n                \u0627\u0644\u0631\u0624\u064a\u0629 <span>\u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"subhead\">\r\n                \u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0648\u062c\u0647 \u0643\u0644 \u0645\u0627 \u0646\u0642\u0648\u0645 \u0628\u0647 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u062c\u0627\u062d \u0648\u0627\u0644\u062a\u0645\u064a\u0632.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GRID -->\r\n        <div class=\"vm-grid\">\r\n\r\n\r\n            <!-- Vision -->\r\n            <div class=\"vm-card\">\r\n\r\n                <div class=\"vm-icon\">\r\n                    <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u0631\u0624\u064a\u0629<\/h3>\r\n\r\n                <p>\r\n                    \u0623\u0646 \u0646\u0635\u0628\u062d \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\u060c\r\n                    \u0648\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0645\u0646 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a \u0648\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\r\n                    \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- Mission -->\r\n            <div class=\"vm-card\">\r\n\r\n                <div class=\"vm-icon\">\r\n                    <i class=\"fas fa-bullseye\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/h3>\r\n\r\n                <p>\r\n                    \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0642\u0646\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u062a\u0639\u0647\u064a\u062f \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u062e\u0644\u0642 \u0642\u064a\u0645\u0629\r\n                    \u062d\u0642\u064a\u0642\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633\u060c \u0648\u062a\u062d\u0633\u0646 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629\u060c \u0648\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649\r\n                    \u0627\u0644\u0646\u0645\u0648 \u0628\u062b\u0642\u0629.\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>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5fa50bf e-con e-atomic-element e-flexbox-base e-caa80e6 \" data-id=\"5fa50bf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5fa50bf\" data-e-type=\"e-flexbox\" data-id=\"5fa50bf\">\n    \t\t<div class=\"elementor-element elementor-element-17bec84 elementor-widget elementor-widget-html\" data-id=\"17bec84\" 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>Core Values \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        \/* -------- FULL-WIDTH CORE VALUES -------- *\/\r\n        .values-fullwidth {\r\n            width: 100%;\r\n            background: #ffffff;\r\n            padding: 4.5rem 3.5rem 5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* decorative glows *\/\r\n        .values-fullwidth::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -180px;\r\n            right: -100px;\r\n            width: 500px;\r\n            height: 500px;\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        .values-fullwidth::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        .values-fullwidth>* {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* inner container *\/\r\n        .values-inner {\r\n            max-width: 1360px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* -------- HEADER -------- *\/\r\n        .values-header {\r\n            text-align: center;\r\n            margin-bottom: 3.5rem;\r\n        }\r\n\r\n        .values-header .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.4rem;\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        .values-header .badge i {\r\n            margin-right: 6px;\r\n            font-size: 0.7rem;\r\n        }\r\n\r\n        .values-header h2 {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            letter-spacing: -0.02em;\r\n            color: #0b1b3a;\r\n            line-height: 1.1;\r\n            margin-bottom: 0.6rem;\r\n        }\r\n\r\n        .values-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        .values-header .subhead {\r\n            font-size: 1.1rem;\r\n            color: #4a5b7a;\r\n            font-weight: 400;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* -------- GRID (7 items \u2192 4+3 layout) -------- *\/\r\n        .values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1.8rem;\r\n        }\r\n\r\n        \/* make the last row center-aligned (3 items) *\/\r\n        .values-grid .value-item:nth-child(5),\r\n        .values-grid .value-item:nth-child(6),\r\n        .values-grid .value-item:nth-child(7) {\r\n            grid-column: span 1;\r\n        }\r\n\r\n        \/* for larger screens, center the last 3 items *\/\r\n        @media (min-width: 992px) {\r\n            .values-grid {\r\n                grid-template-columns: repeat(4, 1fr);\r\n            }\r\n            \/* push the last 3 items to center using grid placement *\/\r\n            .values-grid .value-item:nth-child(5) {\r\n                grid-column: 1 \/ 2;\r\n            }\r\n            .values-grid .value-item:nth-child(6) {\r\n                grid-column: 2 \/ 3;\r\n            }\r\n            .values-grid .value-item:nth-child(7) {\r\n                grid-column: 3 \/ 4;\r\n            }\r\n            \/* add empty columns to center the last row *\/\r\n            .values-grid .value-item:nth-child(5) {\r\n                margin-left: auto;\r\n            }\r\n            .values-grid .value-item:nth-child(7) {\r\n                margin-right: auto;\r\n            }\r\n            \/* use flex for the last row centering *\/\r\n            .values-grid {\r\n                display: grid;\r\n                grid-template-columns: repeat(7, 1fr);\r\n                gap: 1.8rem;\r\n            }\r\n            .value-item {\r\n                grid-column: span 1;\r\n            }\r\n            \/* first 4 items span 1 column each *\/\r\n            .value-item:nth-child(1) { grid-column: 1 \/ 2; }\r\n            .value-item:nth-child(2) { grid-column: 2 \/ 3; }\r\n            .value-item:nth-child(3) { grid-column: 3 \/ 4; }\r\n            .value-item:nth-child(4) { grid-column: 4 \/ 5; }\r\n            \/* last 3 items centered: start at column 2, 3, 4 of a 6-column grid *\/\r\n            .value-item:nth-child(5) { grid-column: 2 \/ 3; }\r\n            .value-item:nth-child(6) { grid-column: 3 \/ 4; }\r\n            .value-item:nth-child(7) { grid-column: 4 \/ 5; }\r\n\r\n            \/* cleaner: use a different approach \u2014 4 columns, center last row with flex *\/\r\n        }\r\n\r\n        \/* simpler approach: 4 columns, center last row using flex on the container *\/\r\n        .values-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 1.8rem;\r\n        }\r\n\r\n        .value-item {\r\n            flex: 0 0 calc(25% - 1.8rem);\r\n            min-width: 180px;\r\n            max-width: 280px;\r\n            background: #ffffff;\r\n            border-radius: 2rem;\r\n            padding: 2rem 1.5rem 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            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        .value-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        .value-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #eef4ff, #e0eaff);\r\n            border-radius: 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.6rem;\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        .value-item:hover .value-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        .value-item h3 {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            color: #0b1b3a;\r\n            letter-spacing: -0.01em;\r\n            margin-bottom: 0;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* subtle accent line *\/\r\n        .value-item::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 1.6rem;\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        .value-item:hover::after {\r\n            width: 50px;\r\n            background: #1f3c88;\r\n        }\r\n\r\n        \/* -------- responsive -------- *\/\r\n        @media (max-width: 1100px) {\r\n            .value-item {\r\n                flex: 0 0 calc(33.33% - 1.8rem);\r\n                min-width: 160px;\r\n                max-width: 240px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .values-fullwidth {\r\n                padding: 3rem 1.5rem 3.5rem;\r\n            }\r\n            .value-item {\r\n                flex: 0 0 calc(50% - 1.2rem);\r\n                min-width: 140px;\r\n                max-width: 220px;\r\n                padding: 1.6rem 1.2rem;\r\n            }\r\n            .value-item::after {\r\n                bottom: 1.2rem;\r\n            }\r\n            .values-header h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n            .values-header .subhead {\r\n                font-size: 1rem;\r\n            }\r\n            .value-icon {\r\n                width: 52px;\r\n                height: 52px;\r\n                font-size: 1.4rem;\r\n            }\r\n            .value-item h3 {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .values-fullwidth {\r\n                padding: 2rem 1rem 2.5rem;\r\n            }\r\n            .value-item {\r\n                flex: 0 0 calc(50% - 0.8rem);\r\n                min-width: 120px;\r\n                max-width: 180px;\r\n                padding: 1.2rem 1rem;\r\n                border-radius: 1.4rem;\r\n            }\r\n            .values-header h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n            .value-icon {\r\n                width: 46px;\r\n                height: 46px;\r\n                font-size: 1.2rem;\r\n                border-radius: 14px;\r\n            }\r\n            .value-item h3 {\r\n                font-size: 0.9rem;\r\n            }\r\n            .value-item::after {\r\n                bottom: 1rem;\r\n                width: 24px;\r\n            }\r\n            .value-item:hover::after {\r\n                width: 38px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .value-item {\r\n                flex: 0 0 100%;\r\n                max-width: 100%;\r\n            }\r\n        }\r\n    <\/style><\/head><body><!-- ===== FULL-WIDTH CORE VALUES ===== -->\r\n<section class=\"values-fullwidth\">\r\n\r\n    <div class=\"values-inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"values-header\">\r\n\r\n            <div class=\"badge\">\r\n                <i class=\"fas fa-heart\"><\/i> \u0623\u0633\u0627\u0633\u0646\u0627\r\n            <\/div>\r\n\r\n            <h2>\r\n                <span>\u0642\u064a\u0645\u0646\u0627<\/span> \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\r\n            <\/h2>\r\n\r\n            <p class=\"subhead\">\r\n                \u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062a\u064a \u062a\u0648\u062c\u0647 \u0623\u0641\u0639\u0627\u0644\u0646\u0627 \u0648\u0642\u0631\u0627\u0631\u0627\u062a\u0646\u0627 \u0648\u0639\u0644\u0627\u0642\u0627\u062a\u0646\u0627 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GRID -->\r\n        <div class=\"values-grid\">\r\n\r\n\r\n            <!-- 1. Innovation -->\r\n            <div class=\"value-item\">\r\n\r\n                <div class=\"value-icon\">\r\n                    <i class=\"fas fa-lightbulb\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- 2. Excellence -->\r\n            <div class=\"value-item\">\r\n\r\n                <div class=\"value-icon\">\r\n                    <i class=\"fas fa-star\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u062a\u0645\u064a\u0632<\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- 3. Integrity -->\r\n            <div class=\"value-item\">\r\n\r\n                <div class=\"value-icon\">\r\n                    <i class=\"fas fa-shield-halved\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u0646\u0632\u0627\u0647\u0629<\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- 4. Collaboration -->\r\n            <div class=\"value-item\">\r\n\r\n                <div class=\"value-icon\">\r\n                    <i class=\"fas fa-handshake\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u062a\u0639\u0627\u0648\u0646<\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- 5. Customer Success -->\r\n            <div class=\"value-item\">\r\n\r\n                <div class=\"value-icon\">\r\n                    <i class=\"fas fa-medal\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0646\u062c\u0627\u062d \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- 6. Quality -->\r\n            <div class=\"value-item\">\r\n\r\n                <div class=\"value-icon\">\r\n                    <i class=\"fas fa-check-double\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u062c\u0648\u062f\u0629<\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- 7. Commitment -->\r\n            <div class=\"value-item\">\r\n\r\n                <div class=\"value-icon\">\r\n                    <i class=\"fas fa-flag\"><\/i>\r\n                <\/div>\r\n\r\n                <h3>\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645<\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fc172b9 e-con e-atomic-element e-flexbox-base e-04a4575 \" data-id=\"fc172b9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fc172b9\" data-e-type=\"e-flexbox\" data-id=\"fc172b9\">\n    \t\t<div class=\"elementor-element elementor-element-5527c6b elementor-widget elementor-widget-html\" data-id=\"5527c6b\" 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>Call To Action \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        \/* -------- FULL-WIDTH CTA SECTION -------- *\/\r\n        .cta-fullwidth {\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 \u2014 more dramatic for CTA *\/\r\n        .cta-fullwidth::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -200px;\r\n            right: -120px;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(31, 60, 136, 0.08) 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        .cta-fullwidth::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -150px;\r\n            left: -100px;\r\n            width: 450px;\r\n            height: 450px;\r\n            background: radial-gradient(circle, rgba(31, 60, 136, 0.06) 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        .cta-fullwidth>* {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* inner container *\/\r\n        .cta-inner {\r\n            max-width: 1360px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* -------- BADGE -------- *\/\r\n        .cta-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.4rem;\r\n            border-radius: 40px;\r\n            border: 1px solid rgba(31, 60, 136, 0.08);\r\n            margin-bottom: 1.2rem;\r\n        }\r\n\r\n        .cta-badge i {\r\n            margin-right: 6px;\r\n            font-size: 0.7rem;\r\n        }\r\n\r\n        \/* -------- HEADING -------- *\/\r\n        .cta-heading {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            letter-spacing: -0.02em;\r\n            color: #0b1b3a;\r\n            line-height: 1.1;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .cta-heading 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        \/* -------- DESCRIPTION -------- *\/\r\n        .cta-description {\r\n            font-size: 1.15rem;\r\n            color: #4a5b7a;\r\n            font-weight: 400;\r\n            max-width: 700px;\r\n            line-height: 1.7;\r\n            margin: 0 auto 2.5rem auto;\r\n        }\r\n\r\n        \/* -------- BUTTON -------- *\/\r\n        .cta-button {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n            background: linear-gradient(145deg, #1f3c88, #2a4fa8);\r\n            color: #ffffff;\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            padding: 1rem 2.8rem;\r\n            border-radius: 60px;\r\n            border: none;\r\n            box-shadow: 0 12px 30px -8px rgba(31, 60, 136, 0.3);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        .cta-button i {\r\n            font-size: 1.2rem;\r\n            transition: transform 0.25s ease;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 20px 40px -10px rgba(31, 60, 136, 0.4);\r\n            background: linear-gradient(145deg, #16306b, #1f3c88);\r\n        }\r\n\r\n        .cta-button:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* -------- small footer note (optional) -------- *\/\r\n        .cta-footnote {\r\n            margin-top: 2.5rem;\r\n            font-size: 0.85rem;\r\n            color: #8a9bb8;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.6rem;\r\n            letter-spacing: 0.2px;\r\n            border-top: 1px solid #edf2f9;\r\n            padding-top: 2rem;\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .cta-footnote i {\r\n            color: #1f3c88;\r\n            opacity: 0.4;\r\n        }\r\n\r\n        \/* -------- responsive -------- *\/\r\n        @media (max-width: 992px) {\r\n            .cta-fullwidth {\r\n                padding: 4rem 2rem 4.5rem;\r\n            }\r\n            .cta-heading {\r\n                font-size: 2.8rem;\r\n            }\r\n            .cta-description {\r\n                font-size: 1.05rem;\r\n                max-width: 600px;\r\n            }\r\n            .cta-button {\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            .cta-fullwidth {\r\n                padding: 3rem 1.5rem 3.5rem;\r\n            }\r\n            .cta-heading {\r\n                font-size: 2.2rem;\r\n            }\r\n            .cta-description {\r\n                font-size: 1rem;\r\n                padding: 0 0.5rem;\r\n            }\r\n            .cta-button {\r\n                font-size: 0.95rem;\r\n                padding: 0.8rem 2rem;\r\n                gap: 0.6rem;\r\n            }\r\n            .cta-footnote {\r\n                font-size: 0.75rem;\r\n                flex-wrap: wrap;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .cta-fullwidth {\r\n                padding: 2.5rem 1rem 3rem;\r\n            }\r\n            .cta-heading {\r\n                font-size: 1.8rem;\r\n            }\r\n            .cta-description {\r\n                font-size: 0.95rem;\r\n                line-height: 1.6;\r\n            }\r\n            .cta-button {\r\n                font-size: 0.9rem;\r\n                padding: 0.7rem 1.8rem;\r\n                border-radius: 40px;\r\n            }\r\n            .cta-button i {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style><\/head><body><!-- ===== FULL-WIDTH CALL TO ACTION ===== -->\r\n<section class=\"cta-fullwidth\">\r\n    <div class=\"cta-inner\">\r\n\r\n        <!-- BADGE -->\r\n        <div class=\"cta-badge\">\r\n            <i class=\"fas fa-arrow-left\"><\/i> \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646\r\n        <\/div>\r\n\r\n        <!-- HEADING -->\r\n        <h2 class=\"cta-heading\">\r\n            \u0644\u0646\u062d\u0648\u0651\u0644 <span>\u0623\u0639\u0645\u0627\u0644\u0643 \u0625\u0644\u0649 \u0646\u062c\u0627\u062d \u0631\u0642\u0645\u064a<\/span>\r\n        <\/h2>\r\n\r\n        <!-- DESCRIPTION -->\r\n        <p class=\"cta-description\">\r\n            \u062a\u0639\u0627\u0648\u0646 \u0645\u0639 PAS \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062d\u0644\u0648\u0644 \u062a\u0642\u0646\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629\u060c\r\n            \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629\u060c \u0648\u062a\u062d\u0642\u064a\u0642 \u0646\u0645\u0648 \u0645\u0633\u062a\u062f\u0627\u0645 \u0644\u0623\u0639\u0645\u0627\u0644\u0643.\r\n        <\/p>\r\n\r\n        <!-- BUTTON -->\r\n        <a href=\"https:\/\/pas-egypt.com\/contact-us\/\" class=\"cta-button\">\r\n            \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u062e\u0628\u0631\u0627\u0626\u0646\u0627\r\n            <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n\r\n        <!-- FOOTNOTE -->\r\n        <div class=\"cta-footnote\">\r\n            <i class=\"fas fa-circle\" style=\"font-size: 5px; opacity: 0.2;\"><\/i>\r\n            <span>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u00b7 \u0628\u062f\u0648\u0646 \u0623\u064a \u0627\u0644\u062a\u0632\u0627\u0645<\/span>\r\n            <i class=\"fas fa-circle\" style=\"font-size: 5px; opacity: 0.2;\"><\/i>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero \u00b7 PAS \u0634\u0631\u064a\u0643\u0643 \u0641\u064a \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a \u0646\u0645\u0643\u0651\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0641\u064a Professionals Advanced Solutions (PAS)\u060c \u0646\u0633\u0627\u0639\u062f [&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":{"_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-222","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\/222","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=222"}],"version-history":[{"count":6,"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/pages\/222\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/pas-egypt.com\/ar\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}