{"id":636,"date":"2022-03-17T16:27:03","date_gmt":"2022-03-17T16:27:03","guid":{"rendered":"https:\/\/demo.creativethemes.com\/stagingsix\/?page_id=636"},"modified":"2025-08-04T16:16:38","modified_gmt":"2025-08-04T13:16:38","slug":"about","status":"publish","type":"page","link":"https:\/\/hertz-egy.com\/ar\/about\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\t<title>About Us - Hertz Advertising<\/title>\r\n\t<style>\r\n        * {\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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hero-section {\r\n            background: linear-gradient(135deg, #2E2A6B 0%, #1a1847 100%);\r\n            color: white;\r\n            padding: 100px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero-section::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: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%2300B5A5\" opacity=\"0.3\"><animate attributeName=\"opacity\" values=\"0.3;0.8;0.3\" dur=\"3s\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"75\" cy=\"75\" r=\"1.5\" fill=\"%2300B5A5\" opacity=\"0.4\"><animate attributeName=\"opacity\" values=\"0.4;0.9;0.4\" dur=\"4s\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"50\" cy=\"80\" r=\"1\" fill=\"%2300B5A5\" opacity=\"0.2\"><animate attributeName=\"opacity\" values=\"0.2;0.7;0.2\" dur=\"5s\" repeatCount=\"indefinite\"\/><\/circle><\/svg>') repeat;\r\n            animation: float 20s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n            50% { transform: translateY(-20px) rotate(180deg); }\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .hero-content {\r\n            text-align: center;\r\n            animation: fadeInUp 1s ease-out;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            background: linear-gradient(45deg, #ffffff, #00B5A5);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 30px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .hero-description {\r\n            font-size: 1.1rem;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .section {\r\n            padding: 80px 0;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .section:nth-child(even) {\r\n            background: white;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #2E2A6B;\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 0.6s ease;\r\n        }\r\n\r\n        .section-title.animate {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(45deg, #00B5A5, #2E2A6B);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* Story Section *\/\r\n        .story-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .story-content {\r\n            opacity: 0;\r\n            transform: translateX(-30px);\r\n            transition: all 0.8s ease;\r\n        }\r\n\r\n        .story-content.animate {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .story-text {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .highlight {\r\n            color: #2E2A6B;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .story-visual {\r\n            opacity: 0;\r\n            transform: translateX(30px);\r\n            transition: all 0.8s ease 0.2s;\r\n        }\r\n\r\n        .story-visual.animate {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .stats-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        .stat-card {\r\n            background: linear-gradient(135deg, #2E2A6B, #1a1847);\r\n            color: white;\r\n            padding: 40px 30px;\r\n            border-radius: 20px;\r\n            text-align: center;\r\n            transform: translateY(20px);\r\n            transition: all 0.4s ease;\r\n            box-shadow: 0 10px 30px rgba(46, 42, 107, 0.2);\r\n        }\r\n\r\n        .stat-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(46, 42, 107, 0.3);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            color: #00B5A5;\r\n            display: block;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 1.1rem;\r\n            margin-top: 10px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* Mission & Vision *\/\r\n        .mission-vision {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 50px;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .mv-card {\r\n            background: white;\r\n            padding: 50px 40px;\r\n            border-radius: 20px;\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.4s ease;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        .mv-card.animate {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .mv-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 5px;\r\n            background: linear-gradient(45deg, #00B5A5, #2E2A6B);\r\n        }\r\n\r\n        .mv-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .mv-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: linear-gradient(135deg, #00B5A5, #2E2A6B);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 25px;\r\n            font-size: 2rem;\r\n            color: white;\r\n        }\r\n\r\n        .mv-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: #2E2A6B;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .mv-text {\r\n            font-size: 1.1rem;\r\n            line-height: 1.7;\r\n            color: #666;\r\n        }\r\n\r\n        \/* Services Section *\/\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .service-card {\r\n            background: white;\r\n            padding: 30px 25px;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.4s ease;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        .service-card.animate {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-15px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .service-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #00B5A5, #2E2A6B);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 1.5rem;\r\n            color: white;\r\n        }\r\n\r\n        .service-title {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            color: #2E2A6B;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .cta-section {\r\n            background: linear-gradient(135deg, #2E2A6B 0%, #1a1847 100%);\r\n            color: white;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .cta-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            color: white;\r\n        }\r\n\r\n        .cta-text {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 40px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn {\r\n            padding: 15px 35px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: linear-gradient(45deg, #00B5A5, #00a69b);\r\n            color: white;\r\n            border: none;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(0, 181, 165, 0.4);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid #00B5A5;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: #00B5A5;\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .hero-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .story-grid,\r\n            .mission-vision {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n            \r\n            .stats-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .services-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n                gap: 20px;\r\n            }\r\n            \r\n            .cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\t<!-- Hero Section -->\r\n\t<section class=\"hero-section\">\r\n\t\t<div class=\"container\">\r\n\t\t\t<div class=\"hero-content\">\r\n\t\t\t\t<h1 class=\"hero-title\">About Hertz Advertising<\/h1>\r\n\t\t\t\t<p class=\"hero-subtitle\">Designers, Thinkers & Collaborators<\/p>\r\n\t\t\t\t<p class=\"hero-description\">\r\n\t\t\t\t\tSince 2020, we've been creating digital experiences that help businesses stand out, \r\n\t\t\t\t\tconnect with their audience, and grow with purpose.\r\n\t\t\t\t<\/p>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/section>\r\n\r\n\t<!-- Our Story Section -->\r\n\t<section class=\"section\">\r\n\t\t<div class=\"container\">\r\n\t\t\t<h2 class=\"section-title\">Our Story<\/h2>\r\n\t\t\t<div class=\"story-grid\">\r\n\t\t\t\t<div class=\"story-content\">\r\n\t\t\t\t\t<p class=\"story-text\">\r\n\t\t\t\t\t\tSince <span class=\"highlight\">2020<\/span>, Hertz Advertising has been known as a team of \r\n\t\t\t\t\t\t<span class=\"highlight\">creative designers, strategic thinkers, and dedicated collaborators<\/span>. \r\n\t\t\t\t\t\tWe deliver high-quality creative services that help businesses stand out, connect with their audience, and grow with purpose.\r\n\t\t\t\t<\/p>\r\n\t\t\t\t\t<p class=\"story-text\">\r\n\t\t\t\t\t\tWe help brands reach their <span class=\"highlight\">core target audience<\/span>, generating real value \r\n\t\t\t\t\t\twhile expanding into new markets that add measurable results to their business plans.\r\n\t\t\t\t<\/p>\r\n\t\t\t\t\t<p class=\"story-text\">\r\n\t\t\t\t\t\tWhether you're launching a new brand or evolving an existing one, we work closely with you to design \r\n\t\t\t\t\t\tand implement <span class=\"highlight\">effective digital solutions<\/span> from brand strategy to execution and measurable growth.\r\n\t\t\t\t<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"story-visual\">\r\n\t\t\t\t\t<div class=\"stats-container\">\r\n\t\t\t\t\t\t<div class=\"stat-card\">\r\n\t\t\t\t\t\t\t<span class=\"stat-number\">5+<\/span>\r\n\t\t\t\t\t\t\t<span class=\"stat-label\">Years of Excellence<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"stat-card\">\r\n\t\t\t\t\t\t\t<span class=\"stat-number\">100+<\/span>\r\n\t\t\t\t\t\t\t<span class=\"stat-label\">Projects Delivered<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"stat-card\">\r\n\t\t\t\t\t\t\t<span class=\"stat-number\">50+<\/span>\r\n\t\t\t\t\t\t\t<span class=\"stat-label\">Happy Clients<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"stat-card\">\r\n\t\t\t\t\t\t\t<span class=\"stat-number\">11<\/span>\r\n\t\t\t\t\t\t\t<span class=\"stat-label\">Core Services<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/section>\r\n\r\n\t<!-- Mission & Vision Section -->\r\n\t<section class=\"section\">\r\n\t\t<div class=\"container\">\r\n\t\t\t<h2 class=\"section-title\">Our Mission & Vision<\/h2>\r\n\t\t\t<div class=\"mission-vision\">\r\n\t\t\t\t<div class=\"mv-card\">\r\n\t\t\t\t\t<div class=\"mv-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"mv-title\">Our Mission<\/h3>\r\n\t\t\t\t\t<p class=\"mv-text\">\r\n\t\t\t\t\t\tWe help companies communicate with essential and financially advantageous audiences within their \r\n\t\t\t\t\t\tcore target market\u2014while also expanding into new areas that bring measurable value to their business plans.\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t<div class=\"mv-card\">\r\n\t\t\t\t\t<div class=\"mv-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"mv-title\">Our Vision<\/h3>\r\n\t\t\t\t\t<p class=\"mv-text\">\r\n\t\t\t\t\t\tWe strive to open the door to new possibilities, working hand-in-hand with our clients to develop \r\n\t\t\t\t\t\tand implement robust digital solutions that help them reach their goals and grow with purpose.\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/section>\r\n\r\n\t<!-- Our Services Section -->\r\n\t<section class=\"section\">\r\n\t\t<div class=\"container\">\r\n\t\t\t<h2 class=\"section-title\">Our Services<\/h2>\r\n\t\t\t<div class=\"services-grid\">\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Social Media Marketing<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">\u2728<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Brand Identity<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Web Hosting<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Web Design<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">SEO<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Mobile App Development<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">\u2709\ufe0f<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Email Marketing<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Motion Graphics<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Logo & Brand Creation<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Photography<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"service-card\">\r\n\t\t\t\t\t<div class=\"service-icon\">?<\/div>\r\n\t\t\t\t\t<h3 class=\"service-title\">Videography<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/section>\r\n\r\n\t<!-- CTA Section -->\r\n\t<section class=\"cta-section section\">\r\n\t\t<div class=\"container\">\r\n\t\t\t<div class=\"cta-content\">\r\n\t\t\t\t<h2 class=\"cta-title\">Ready to Start Your Journey?<\/h2>\r\n\t\t\t\t<p class=\"cta-text\">\r\n\t\t\t\t\tWe're more than a creative agency\u2014we're your partners in success. \r\n\t\t\t\t\tLet's create something amazing together.\r\n\t\t\t\t<\/p>\r\n\t\t\t\t<div class=\"cta-buttons\">\r\n\t\t\t\t\t<a href=\"#contact\" class=\"btn btn-primary\">Start Your Project<\/a>\r\n\t\t\t\t\t<a href=\"https:\/\/www.facebook.com\/Hertz.Advertising\" target=\"_blank\" class=\"btn btn-secondary\">Follow Us<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/section>\r\n\r\n\t<script>\r\n        \/\/ Intersection Observer for animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('animate');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe all animatable elements\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const animatableElements = document.querySelectorAll(\r\n                '.section-title, .story-content, .story-visual, .mv-card, .service-card'\r\n            );\r\n            \r\n            animatableElements.forEach(el => {\r\n                observer.observe(el);\r\n            });\r\n\r\n            \/\/ Stagger service card animations\r\n            const serviceCards = document.querySelectorAll('.service-card');\r\n            serviceCards.forEach((card, index) => {\r\n                card.style.transitionDelay = `${index * 0.1}s`;\r\n            });\r\n\r\n            \/\/ Counter animation for stats\r\n            const statNumbers = document.querySelectorAll('.stat-number');\r\n            const animateCounter = (element, target) => {\r\n                let current = 0;\r\n                const increment = target \/ 50;\r\n                const timer = setInterval(() => {\r\n                    current += increment;\r\n                    if (current >= target) {\r\n                        current = target;\r\n                        clearInterval(timer);\r\n                    }\r\n                    element.textContent = Math.floor(current) + '+';\r\n                }, 30);\r\n            };\r\n\r\n            \/\/ Start counter animation when stats section is visible\r\n            const statsObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        const statNumber = entry.target.querySelector('.stat-number');\r\n                        const originalText = statNumber.textContent;\r\n                        const targetValue = parseInt(originalText);\r\n                        animateCounter(statNumber, targetValue);\r\n                        statsObserver.unobserve(entry.target);\r\n                    }\r\n                });\r\n            });\r\n\r\n            document.querySelectorAll('.stat-card').forEach(card => {\r\n                statsObserver.observe(card);\r\n            });\r\n        });\r\n\r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-636","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","4c9fda44a86fd2db9b986554bd5adacc":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"66042b754988433a4cbe987eedc3ae87":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","66b1c9575babd2492d521cdab8aeeeb8":"","hero_structure":"narrow","a4866dd9086b283ac9c9ed661667191f":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"00191fa96e3391c316bf3a007888aea4":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"a3b0907b6ab61faa63e2bc8f813fc816":"","page_structure_type":"default","2812c2d977791092646ebe1ec21f2cc9":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"bottom","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"556d9b8bfe2e6d516b5f64f92b0da372":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/hertz-egy.com\/ar\/wp-json\/wp\/v2\/pages\/636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hertz-egy.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hertz-egy.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hertz-egy.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hertz-egy.com\/ar\/wp-json\/wp\/v2\/comments?post=636"}],"version-history":[{"count":1,"href":"https:\/\/hertz-egy.com\/ar\/wp-json\/wp\/v2\/pages\/636\/revisions"}],"predecessor-version":[{"id":1189,"href":"https:\/\/hertz-egy.com\/ar\/wp-json\/wp\/v2\/pages\/636\/revisions\/1189"}],"wp:attachment":[{"href":"https:\/\/hertz-egy.com\/ar\/wp-json\/wp\/v2\/media?parent=636"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}