{"id":2848,"date":"2025-10-18T13:40:06","date_gmt":"2025-10-18T13:40:06","guid":{"rendered":"https:\/\/ecoperformancemarketing.com\/?page_id=2848"},"modified":"2026-01-14T11:38:56","modified_gmt":"2026-01-14T11:38:56","slug":"photography","status":"publish","type":"page","link":"https:\/\/ecoperformancemarketing.com\/en\/photography\/","title":{"rendered":"photography"},"content":{"rendered":"<style>.elementor-2848 .elementor-element.elementor-element-923b9a0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2848 .elementor-element.elementor-element-7a50c48{--display:flex;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}body.elementor-page-2848:not(.elementor-motion-effects-element-type-background), body.elementor-page-2848 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#030F28;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2848 .elementor-element.elementor-element-923b9a0{--content-width:100%;}}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2848\" class=\"elementor elementor-2848\">\n\t\t\t\t<div class=\"elementor-element elementor-element-923b9a0 e-flex e-con-boxed e-con e-parent\" data-id=\"923b9a0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2539c9e elementor-widget elementor-widget-html\" data-id=\"2539c9e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"bzr-wrapper\">\r\n        <!-- Hero Section -->\r\n        <section class=\"bzr-hero\">\r\n            <div class=\"bzr-hero-background\">\r\n                <div class=\"bzr-floating-element\"><\/div>\r\n                <div class=\"bzr-floating-element\"><\/div>\r\n                <div class=\"bzr-floating-element\"><\/div>\r\n            <\/div>\r\n            <div class=\"bzr-container\">\r\n                <div class=\"bzr-hero-content\">\r\n                    <div class=\"bzr-hero-badge\">Eco Performance Marketing<\/div>\r\n                    <div class=\"bzr-brand-logo\">\ud83d\udcf8<\/div>\r\n                    <p class=\"bzr-hero-tagline\">We draw your plan and launch it<\/p>\r\n                    <p class=\"bzr-hero-description\">\r\n                        Professional photography services for restaurants, cafes, and online stores<br>\r\n                        We transform your product into a visual story that sells before you even speak.\r\n                    <\/p>\r\n                    <div class=\"bzr-hero-buttons\">\r\n                        <a href=\"#bzr-contact\" class=\"bzr-btn bzr-btn-primary\"><span>\ud83d\ude80 Start your project now<\/span><\/a>\r\n                        <a href=\"#bzr-services\" class=\"bzr-btn bzr-btn-secondary\"><span>Explore our services<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Stats Section -->\r\n        <section class=\"bzr-stats-section\">\r\n            <div class=\"bzr-container\">\r\n                <div class=\"bzr-stats-grid\">\r\n                    <div class=\"bzr-stat-card bzr-reveal\">\r\n                        <span class=\"bzr-stat-number\">500+<\/span>\r\n                        <span class=\"bzr-stat-label\">successful project<\/span>\r\n                    <\/div>\r\n                    <div class=\"bzr-stat-card bzr-reveal\">\r\n                        <span class=\"bzr-stat-number\">98%<\/span>\r\n                        <span class=\"bzr-stat-label\">Customer satisfaction<\/span>\r\n                    <\/div>\r\n                    <div class=\"bzr-stat-card bzr-reveal\">\r\n                        <span class=\"bzr-stat-number\">50K+<\/span>\r\n                        <span class=\"bzr-stat-label\">professional image<\/span>\r\n                    <\/div>\r\n                    <div class=\"bzr-stat-card bzr-reveal\">\r\n                        <span class=\"bzr-stat-number\">24\/7<\/span>\r\n                        <span class=\"bzr-stat-label\">Continuous support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- About Section -->\r\n        <section class=\"bzr-about-section\">\r\n            <div class=\"bzr-container\">\r\n                <div class=\"bzr-about-container\">\r\n                    <div class=\"bzr-about-image bzr-reveal\">\r\n                    <img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/\u0645\u0646-\u0646\u062d\u0646.png\" alt=\"camera\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;\" \/>\r\n                    <\/div>\r\n                    <div class=\"bzr-about-content bzr-reveal\">\r\n                        <h2>Who are we?<\/h2>\r\n                        <p class=\"bzr-about-text\">\r\n                            We are a company <span class=\"bzr-highlight\">Eco Performance Marketing<\/span>We specialize in providing integrated marketing solutions for restaurants, cafes, and online stores.\r\n                        <\/p>\r\n                        <p class=\"bzr-about-text\">\r\n                            We emphasize that images and videos are not just snapshots, but a language that convinces the customer and sells the product before any words.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Vision Section -->\r\n        <section class=\"bzr-vision-section\">\r\n            <div class=\"bzr-container\">\r\n                <div class=\"bzr-vision-card bzr-reveal\">\r\n                    <div class=\"bzr-vision-icon\">\u2728<\/div>\r\n                    <h3 class=\"bzr-vision-title\">Our vision in photography<\/h3>\r\n                    <p class=\"bzr-vision-text\">\r\n                        To make every image and video tell your brand's story, reflect its value, and transform it into a visual experience that stays in your customers' minds.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Services Section -->\r\n        <section class=\"bzr-services-section\" id=\"bzr-services\">\r\n            <div class=\"bzr-container\">\r\n                <div class=\"bzr-section-header bzr-reveal\">\r\n                    <h2 class=\"bzr-section-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h2>\r\n                    <p class=\"bzr-section-subtitle\">\u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u064a \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/p>\r\n                <\/div>\r\n                <div class=\"bzr-services-grid\">\r\n                    <div class=\"bzr-service-card bzr-reveal\">\r\n                        <div class=\"bzr-service-header\">\r\n                            <span class=\"bzr-service-number\">01<\/span>\r\n                            <div class=\"bzr-service-icon\"><img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/\u0645\u0631\u0648\u0646\u0647.png\" alt=\"ugc\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;width: 150px;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/>\ufe0f<\/div>\r\n                        <\/div>\r\n                        <div class=\"bzr-service-body\">\r\n                            <h3 class=\"bzr-service-title\">\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u064a\u0646\u0648<\/h3>\r\n                            <p class=\"bzr-service-description\">\u0646\u0635\u0648\u0651\u0631 \u0645\u0646\u064a\u0648 \u0645\u0637\u0639\u0645\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641 \u064a\u0641\u062a\u062d \u0646\u0641\u0633 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u064a\u0636\u0627\u0639\u0641 \u0637\u0644\u0628\u0627\u062a\u0647<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-service-card bzr-reveal\">\r\n                        <div class=\"bzr-service-header\">\r\n                            <span class=\"bzr-service-number\">02<\/span>\r\n                            <div class=\"bzr-service-icon\"><img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/\u062a\u0639\u062f\u064a\u0644-\u0635\u0648\u0631.png\" alt=\"ugc\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;width: 150px;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/div>\r\n                        <\/div>\r\n                        <div class=\"bzr-service-body\">\r\n                            <h3 class=\"bzr-service-title\">\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0635\u0648\u0631<\/h3>\r\n                            <p class=\"bzr-service-description\">\u0625\u0646\u062a\u0627\u062c \u0648\u0645\u0648\u0646\u062a\u0627\u062c \u0648\u062a\u0639\u062f\u064a\u0644 \u0627\u062d\u062a\u0631\u0627\u0641 \u064a\u0636\u0645\u0646 \u0623\u0641\u0636\u0644 \u062c\u0648\u062f\u0629 \u0644\u0644\u0646\u0634\u0631<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-service-card bzr-reveal\">\r\n                        <div class=\"bzr-service-header\">\r\n                            <span class=\"bzr-service-number\">03<\/span>\r\n                            <div class=\"bzr-service-icon\"><img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/\u0641\u064a\u062f\u064a\u0648-\u0627\u062d\u062a\u0631\u0627\u0641\u064a.png\" alt=\"ugc\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;width: 150px;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/div>\r\n                        <\/div>\r\n                        <div class=\"bzr-service-body\">\r\n                            <h3 class=\"bzr-service-title\">\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\r\n                            <p class=\"bzr-service-description\">\u0646\u0635\u0648\u0651\u0631 \u0644\u0643 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0631\u0641\u0639 \u0642\u064a\u0645\u0629 \u0628\u0631\u0627\u0646\u062f\u0643 \u0648\u062a\u0632\u064a\u062f \u0645\u0628\u064a\u0639\u0627\u062a\u0643<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-service-card bzr-reveal\">\r\n                        <div class=\"bzr-service-header\">\r\n                            <span class=\"bzr-service-number\">04<\/span>\r\n                            <div class=\"bzr-service-icon\"><img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/\u062a\u0639\u0631\u064a\u0641\u064a.png\" alt=\"ugc\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;width: 150px;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/div>\r\n                        <\/div>\r\n                        <div class=\"bzr-service-body\">\r\n                            <h3 class=\"bzr-service-title\">\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u062a\u0639\u0631\u064a\u0641\u064a\u0629<\/h3>\r\n                            <p class=\"bzr-service-description\">\u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a \u064a\u0634\u0631\u062d \u062e\u062f\u0645\u0627\u062a\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u060c \u064a\u062e\u0644\u064a \u0627\u0644\u0639\u0645\u064a\u0644 \u064a\u0641\u0647\u0645\u0643 \u0648\u064a\u0634\u062a\u0631\u064a \u0645\u0646\u0643 \u0623\u0633\u0631\u0639<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-service-card bzr-reveal\">\r\n                        <div class=\"bzr-service-header\">\r\n                            <span class=\"bzr-service-number\">05<\/span>\r\n                            <div class=\"bzr-service-icon\"><img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/ugc.png\" alt=\"ugc\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;width: 150px;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/div>\r\n                        <\/div>\r\n                        <div class=\"bzr-service-body\">\r\n                            <h3 class=\"bzr-service-title\">\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a UGC<\/h3>\r\n                            <p class=\"bzr-service-description\">\u0646\u0635\u0648\u0651\u0631 \u0644\u0643 UGC \u064a\u0628\u064a\u0639 \u0642\u0628\u0644 \u0645\u0627 \u064a\u062a\u0643\u0644\u0645\u060c \u064a\u0648\u0635\u0644 \u0628\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u064a\u0642\u0641\u0644 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Sessions Section -->\r\n        <section class=\"bzr-sessions-section\">\r\n            <div class=\"bzr-container bzr-sessions-container\">\r\n                <div class=\"bzr-section-header bzr-reveal\">\r\n                    <h2 class=\"bzr-section-title\">\u062c\u0644\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631<\/h2>\r\n                    <p class=\"bzr-sessions-intro\">\r\n                        \u062c\u0644\u0633\u0627\u062a \u062a\u0635\u0648\u064a\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0645\u0646\u062d \u0645\u0646\u062a\u062c\u0643 \u062d\u0636\u0648\u0631 \u0645\u0645\u064a\u0632 \u0648\u0635\u0648\u0631\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u0643\u0633 \u062c\u0648\u062f\u062a\u0647 \u0648\u062a\u0636\u0627\u0639\u0641 \u062c\u0627\u0630\u0628\u064a\u062a\u0647 \u0644\u062f\u0649 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"bzr-sessions-grid\">\r\n                    <div class=\"bzr-session-card bzr-reveal\">\r\n                        <div class=\"bzr-session-header\">\r\n                            <div class=\"bzr-session-icon-wrapper\"><img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/\u0627\u0633\u062a\u0648\u062f\u064a\u0648.png\" alt=\"studio\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;\" \/><\/div>\r\n                            <div class=\"bzr-session-info\">\r\n                                <div class=\"bzr-session-type\">Inside the studio<\/div>\r\n                                <div class=\"bzr-session-duration\">4 hours<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"bzr-session-details\">A professional photoshoot inside the studio with professional lighting and diverse backgrounds.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-session-card bzr-reveal\">\r\n                        <div class=\"bzr-session-header\">\r\n                            <div class=\"bzr-session-icon-wrapper\"><img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/\u0627\u0633\u062a\u0648\u062f\u064a\u0648-\u0645\u0648\u062f\u064a\u0644.png\" alt=\"studio and model\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;\" \/><\/div>\r\n                            <div class=\"bzr-session-info\">\r\n                                <div class=\"bzr-session-type\">Inside the studio + model<\/div>\r\n                                <div class=\"bzr-session-duration\">4 hours<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"bzr-session-details\">A photoshoot with a professional model to showcase the product in a more attractive and realistic way.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-session-card bzr-reveal\">\r\n                        <div class=\"bzr-session-header\">\r\n                            <div class=\"bzr-session-icon-wrapper\"><img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/\u062e\u0627\u0631\u062c.png\" alt=\"outside studio\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;\" \/><\/div>\r\n                            <div class=\"bzr-session-info\">\r\n                                <div class=\"bzr-session-type\">Outside the studio<\/div>\r\n                                <div class=\"bzr-session-duration\">two hours<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"bzr-session-details\">Shoot on-site or outdoors to create a natural look<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-session-card bzr-reveal\">\r\n                        <div class=\"bzr-session-header\">\r\n                            <div class=\"bzr-session-icon-wrapper\"><img decoding=\"async\" data-src=\"https:\/\/ecoperformancemarketing.com\/wp-content\/uploads\/2026\/01\/\u062e\u0627\u0631\u062c-\u0648\u0645\u0648\u062f\u064a\u0644.png\" alt=\"outside studio and model\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;\" \/><\/div>\r\n                            <div class=\"bzr-session-info\">\r\n                                <div class=\"bzr-session-type\">Outside the studio + model<\/div>\r\n                                <div class=\"bzr-session-duration\">4 hours<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"bzr-session-details\">A complete photoshoot with a model at your location for a complete and professional visual experience.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Why Choose Section -->\r\n        <section class=\"bzr-why-section\">\r\n            <div class=\"bzr-container\">\r\n                <div class=\"bzr-section-header bzr-reveal\">\r\n                    <h2 class=\"bzr-section-title\">Why choose us?<\/h2>\r\n                    <p class=\"bzr-section-subtitle\">We offer you a complete photography experience with the highest standards of quality and professionalism.<\/p>\r\n                <\/div>\r\n                <div class=\"bzr-features-grid\">\r\n                    <div class=\"bzr-feature-card bzr-reveal\">\r\n                        <div class=\"bzr-feature-icon-wrapper\">\ud83c\udfa8<\/div>\r\n                        <h3 class=\"bzr-feature-title\">High professionalism<\/h3>\r\n                        <p class=\"bzr-feature-description\">We combine artistic vision with modern tools to deliver exceptional results.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-feature-card bzr-reveal\">\r\n                        <div class=\"bzr-feature-icon-wrapper\">\ud83c\udfaf<\/div>\r\n                        <h3 class=\"bzr-feature-title\">Comprehensive services<\/h3>\r\n                        <p class=\"bzr-feature-description\">From planning and filming to production, editing, and final delivery<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-feature-card bzr-reveal\">\r\n                        <div class=\"bzr-feature-icon-wrapper\">\u2b50<\/div>\r\n                        <h3 class=\"bzr-feature-title\">High quality<\/h3>\r\n                        <p class=\"bzr-feature-description\">High-resolution photos and videos that suit your plan and present you in a global light.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bzr-feature-card bzr-reveal\">\r\n                        <div class=\"bzr-feature-icon-wrapper\">\ud83d\udc8e<\/div>\r\n                        <h3 class=\"bzr-feature-title\">Complete flexibility<\/h3>\r\n                        <p class=\"bzr-feature-description\">Flexible plans to suit all budgets and different needs<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n       \r\n        \r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Smooth scroll functionality\r\n        document.querySelectorAll('a[href^=\"#bzr-\"]').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\r\n        \/\/ Scroll reveal animation\r\n        const bzrRevealElements = document.querySelectorAll('.bzr-reveal');\r\n        \r\n        const bzrRevealObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry, index) => {\r\n                if (entry.isIntersecting) {\r\n                    setTimeout(() => {\r\n                        entry.target.classList.add('bzr-active');\r\n                    }, index * 100);\r\n                }\r\n            });\r\n        }, {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        });\r\n\r\n        bzrRevealElements.forEach(el => {\r\n            bzrRevealObserver.observe(el);\r\n        });\r\n\r\n        \/\/ Parallax effect for floating elements\r\n        document.addEventListener('mousemove', (e) => {\r\n            const bzrFloatingElements = document.querySelectorAll('.bzr-floating-element');\r\n            const mouseX = e.clientX \/ window.innerWidth;\r\n            const mouseY = e.clientY \/ window.innerHeight;\r\n\r\n            bzrFloatingElements.forEach((element, index) => {\r\n                const speed = (index + 1) * 30;\r\n                const x = (mouseX - 0.5) * speed;\r\n                const y = (mouseY - 0.5) * speed;\r\n                element.style.transform = `translate(${x}px, ${y}px)`;\r\n            });\r\n        });\r\n\r\n      \/\/ Counter animation for stats\r\nconst bzrAnimateCounter = (element) => {\r\n    const originalText = element.textContent.trim();\r\n\r\n    \/\/ If it contains a slash (like \"24\/7\"), skip animation\r\n    if (originalText.includes('\/')) {\r\n        element.textContent = originalText;\r\n        return;\r\n    }\r\n\r\n    const target = parseInt(originalText.replace(\/\\D\/g, ''));\r\n    const suffix = originalText.replace(\/[0-9]\/g, '');\r\n    let current = 0;\r\n    const increment = target \/ 50;\r\n\r\n    const timer = setInterval(() => {\r\n        current += increment;\r\n        if (current >= target) {\r\n            element.textContent = target + suffix;\r\n            clearInterval(timer);\r\n        } else {\r\n            element.textContent = Math.floor(current) + suffix;\r\n        }\r\n    }, 30);\r\n};\r\n\r\nconst bzrStatsObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n            const number = entry.target.querySelector('.bzr-stat-number');\r\n            if (number && !number.classList.contains('bzr-animated')) {\r\n                number.classList.add('bzr-animated');\r\n                bzrAnimateCounter(number);\r\n            }\r\n        }\r\n    });\r\n}, { threshold: 0.5 });\r\n\r\ndocument.querySelectorAll('.bzr-stat-card').forEach(card => {\r\n    bzrStatsObserver.observe(card);\r\n});\r\n\r\n    <\/script>\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-7a50c48 e-flex e-con-boxed e-con e-parent\" data-id=\"7a50c48\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7fb3c6 elementor-widget elementor-widget-html\" data-id=\"a7fb3c6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;900&display=swap');\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n       \r\n\r\n        \/* Demo content above the section *\/\r\n     \r\n\r\n        .section-wrapper {\r\n            \/*min-height: 100vh;*\/\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 20px;\r\n            position: relative;\r\n        }\r\n\r\n        .trust-container {\r\n            max-width: 1400px;\r\n            width: 100%;\r\n            position: relative;\r\n            \/* Initial state - hidden and scaled down *\/\r\n            transform: scale(0.8);\r\n            opacity: 0;\r\n            filter: blur(10px);\r\n            transition: none; \/* Disable transition initially *\/\r\n        }\r\n\r\n        \/* Animation classes added by JavaScript *\/\r\n        .trust-container.animate {\r\n            animation: containerZoomIn 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s both;\r\n        }\r\n\r\n        .trust-container.in-view {\r\n            animation: containerZoomIn 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s both,\r\n                       zoomPulse 8s ease-in-out 3s infinite;\r\n        }\r\n\r\n        \/* Container zoom in with bounce effect *\/\r\n        @keyframes containerZoomIn {\r\n            0% {\r\n                transform: scale(0.7) translateY(50px);\r\n                opacity: 0;\r\n                filter: blur(15px);\r\n            }\r\n            60% {\r\n                transform: scale(1.05) translateY(-10px);\r\n                opacity: 0.8;\r\n                filter: blur(2px);\r\n            }\r\n            80% {\r\n                transform: scale(0.98) translateY(5px);\r\n                opacity: 0.95;\r\n                filter: blur(1px);\r\n            }\r\n            100% {\r\n                transform: scale(1) translateY(0px);\r\n                opacity: 1;\r\n                filter: blur(0px);\r\n            }\r\n        }\r\n\r\n        @keyframes zoomPulse {\r\n            0%, 100% { \r\n                transform: scale(1); \r\n            }\r\n            50% { \r\n                transform: scale(1.01); \r\n            }\r\n        }\r\n\r\n        .trust-card {\r\n            background: rgba(255, 255, 255, 0.08);\r\n            backdrop-filter: blur(25px);\r\n            border: 1px solid rgba(255, 255, 255, 0.15);\r\n            border-radius: 25px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n            position: relative;\r\n            transition: all 0.5s ease;\r\n            padding: 80px 60px;\r\n            text-align: center;\r\n            \/* Initial state *\/\r\n            transform: scale(0.5) rotateY(15deg);\r\n            opacity: 0;\r\n            filter: blur(20px);\r\n        }\r\n\r\n        .trust-card.animate {\r\n            animation: cardZoomIn 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s both;\r\n        }\r\n\r\n        \/* Card zoom in with elastic effect *\/\r\n        @keyframes cardZoomIn {\r\n            0% {\r\n                transform: scale(0.5) rotateY(15deg);\r\n                opacity: 0;\r\n                filter: blur(20px);\r\n                box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n            }\r\n            40% {\r\n                transform: scale(1.1) rotateY(-5deg);\r\n                opacity: 0.6;\r\n                filter: blur(5px);\r\n                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n            }\r\n            70% {\r\n                transform: scale(0.95) rotateY(2deg);\r\n                opacity: 0.9;\r\n                filter: blur(2px);\r\n                box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);\r\n            }\r\n            100% {\r\n                transform: scale(1) rotateY(0deg);\r\n                opacity: 1;\r\n                filter: blur(0px);\r\n                box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n            }\r\n        }\r\n\r\n        .trust-card::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(135deg, \r\n                rgba(67, 185, 124, 0.05) 0%, \r\n                rgba(42, 82, 152, 0.03) 50%, \r\n                rgba(30, 60, 114, 0.08) 100%);\r\n            z-index: -1;\r\n        }\r\n\r\n        .trust-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -100%;\r\n            left: -100%;\r\n            width: 300%;\r\n            height: 300%;\r\n            background: conic-gradient(from 45deg, transparent, rgba(67, 185, 124, 0.08), transparent);\r\n            animation: rotate 20s linear infinite;\r\n            z-index: -1;\r\n        }\r\n\r\n        @keyframes rotate {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n        .main-headline {\r\n            font-size: clamp(2.5rem, 5vw, 4.5rem) !important;\r\n            font-weight: 900;\r\n            background: linear-gradient(135deg, #ffffff 0%, #43B97C 30%, #ffffff 60%, #43B97C 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            margin-bottom: 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n            line-height: 1.3;\r\n            \/* Initial state *\/\r\n            transform: scale(0.6) translateY(30px);\r\n            opacity: 0;\r\n            filter: blur(10px);\r\n        }\r\n\r\n        .main-headline.animate {\r\n            animation: textGlow 4s ease-in-out infinite alternate,\r\n                       headlineZoomIn 2.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;\r\n        }\r\n\r\n        \/* Headline zoom in animation *\/\r\n        @keyframes headlineZoomIn {\r\n            0% {\r\n                transform: scale(0.6) translateY(30px);\r\n                opacity: 0;\r\n                filter: blur(10px);\r\n                text-shadow: 0 0 0 rgba(67, 185, 124, 0);\r\n            }\r\n            50% {\r\n                transform: scale(1.08) translateY(-5px);\r\n                opacity: 0.7;\r\n                filter: blur(3px);\r\n                text-shadow: 0 0 15px rgba(67, 185, 124, 0.3);\r\n            }\r\n            80% {\r\n                transform: scale(0.98) translateY(2px);\r\n                opacity: 0.95;\r\n                filter: blur(1px);\r\n                text-shadow: 0 0 20px rgba(67, 185, 124, 0.4);\r\n            }\r\n            100% {\r\n                transform: scale(1) translateY(0px);\r\n                opacity: 1;\r\n                filter: blur(0px);\r\n                text-shadow: 0 0 25px rgba(67, 185, 124, 0.2);\r\n            }\r\n        }\r\n\r\n        @keyframes textGlow {\r\n            from { \r\n                filter: drop-shadow(0 0 15px rgba(67, 185, 124, 0.2));\r\n                transform: translateY(0px);\r\n            }\r\n            to { \r\n                filter: drop-shadow(0 0 25px rgba(67, 185, 124, 0.4));\r\n                transform: translateY(-2px);\r\n            }\r\n        }\r\n\r\n        .sub-headline {\r\n            font-size: clamp(1.2rem, 3vw, 1.8rem);\r\n            font-weight: 500;\r\n            color: rgba(255, 255, 255, 0.95);\r\n            line-height: 1.8;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 0 20px;\r\n            \/* Initial state *\/\r\n            transform: scale(0.7) translateY(40px);\r\n            opacity: 0;\r\n            filter: blur(8px);\r\n        }\r\n\r\n        .sub-headline.animate {\r\n            animation: subheadlineZoomIn 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s both;\r\n        }\r\n\r\n        \/* Sub-headline zoom in animation *\/\r\n        @keyframes subheadlineZoomIn {\r\n            0% {\r\n                transform: scale(0.7) translateY(40px);\r\n                opacity: 0;\r\n                filter: blur(8px);\r\n            }\r\n            60% {\r\n                transform: scale(1.03) translateY(-8px);\r\n                opacity: 0.8;\r\n                filter: blur(2px);\r\n            }\r\n            100% {\r\n                transform: scale(1) translateY(0px);\r\n                opacity: 1;\r\n                filter: blur(0px);\r\n            }\r\n        }\r\n\r\n        .highlight-text {\r\n            color: #43B97C;\r\n            font-weight: 700;\r\n            background: rgba(67, 185, 124, 0.15);\r\n            padding: 4px 12px;\r\n            border-radius: 8px;\r\n            border: 1px solid rgba(67, 185, 124, 0.3);\r\n            display: inline-block;\r\n            margin: 0 5px;\r\n            \/* Initial state *\/\r\n            transform: scale(0.4);\r\n            opacity: 0;\r\n            filter: blur(5px);\r\n        }\r\n\r\n        .highlight-text.animate {\r\n            animation: pulse 3s ease-in-out infinite,\r\n                       highlightZoomIn 2.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.6s both;\r\n        }\r\n\r\n        \/* Highlight text zoom in with bounce *\/\r\n        @keyframes highlightZoomIn {\r\n            0% {\r\n                transform: scale(0.4);\r\n                opacity: 0;\r\n                filter: blur(5px);\r\n                box-shadow: 0 0 0 rgba(67, 185, 124, 0);\r\n            }\r\n            50% {\r\n                transform: scale(1.2);\r\n                opacity: 0.7;\r\n                filter: blur(1px);\r\n                box-shadow: 0 0 15px rgba(67, 185, 124, 0.3);\r\n            }\r\n            75% {\r\n                transform: scale(0.9);\r\n                opacity: 0.9;\r\n                filter: blur(0.5px);\r\n                box-shadow: 0 0 18px rgba(67, 185, 124, 0.4);\r\n            }\r\n            100% {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n                filter: blur(0px);\r\n                box-shadow: 0 0 0px rgba(67, 185, 124, 0.3);\r\n            }\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { \r\n                background: rgba(67, 185, 124, 0.15);\r\n                box-shadow: 0 0 0px rgba(67, 185, 124, 0.3);\r\n            }\r\n            50% { \r\n                background: rgba(67, 185, 124, 0.25);\r\n                box-shadow: 0 0 20px rgba(67, 185, 124, 0.4);\r\n            }\r\n        }\r\n\r\n        .floating-particles {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            top: 0;\r\n            left: 0;\r\n            overflow: hidden;\r\n            \/* Initial state *\/\r\n            transform: scale(0);\r\n            opacity: 0;\r\n        }\r\n\r\n        .floating-particles.animate {\r\n            animation: particlesZoomIn 3s ease-out 0.5s both;\r\n        }\r\n\r\n        \/* Particles zoom in animation *\/\r\n        @keyframes particlesZoomIn {\r\n            0% {\r\n                transform: scale(0);\r\n                opacity: 0;\r\n            }\r\n            70% {\r\n                transform: scale(1.1);\r\n                opacity: 0.7;\r\n            }\r\n            100% {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .particle {\r\n            position: absolute;\r\n            background: #43B97C;\r\n            border-radius: 50%;\r\n            opacity: 0.4;\r\n            \/* Initial state *\/\r\n            transform: scale(0);\r\n        }\r\n\r\n        .particle.animate:nth-child(1) {\r\n            width: 8px;\r\n            height: 8px;\r\n            top: 20%;\r\n            left: 10%;\r\n            animation: float1 12s ease-in-out infinite, particleZoomIn 2.5s ease-out 2s both;\r\n        }\r\n\r\n        .particle.animate:nth-child(2) {\r\n            width: 6px;\r\n            height: 6px;\r\n            top: 70%;\r\n            right: 15%;\r\n            animation: float2 8s ease-in-out infinite reverse, particleZoomIn 2.5s ease-out 2.2s both;\r\n            animation-delay: 2s, 2.2s;\r\n        }\r\n\r\n        .particle.animate:nth-child(3) {\r\n            width: 10px;\r\n            height: 10px;\r\n            top: 40%;\r\n            left: 80%;\r\n            animation: float3 10s ease-in-out infinite, particleZoomIn 2.5s ease-out 2.4s both;\r\n            animation-delay: 4s, 2.4s;\r\n        }\r\n\r\n        .particle.animate:nth-child(4) {\r\n            width: 4px;\r\n            height: 4px;\r\n            top: 60%;\r\n            left: 30%;\r\n            animation: float1 14s ease-in-out infinite reverse, particleZoomIn 2.5s ease-out 2.6s both;\r\n            animation-delay: 1s, 2.6s;\r\n        }\r\n\r\n        .particle.animate:nth-child(5) {\r\n            width: 7px;\r\n            height: 7px;\r\n            top: 80%;\r\n            right: 40%;\r\n            animation: float2 9s ease-in-out infinite, particleZoomIn 2.5s ease-out 2.8s both;\r\n            animation-delay: 3s, 2.8s;\r\n        }\r\n\r\n        \/* Individual particle zoom in *\/\r\n        @keyframes particleZoomIn {\r\n            0% {\r\n                transform: scale(0);\r\n                opacity: 0;\r\n            }\r\n            50% {\r\n                transform: scale(1.5);\r\n                opacity: 0.6;\r\n            }\r\n            100% {\r\n                transform: scale(1);\r\n                opacity: 0.4;\r\n            }\r\n        }\r\n\r\n        @keyframes float1 {\r\n            0%, 100% { \r\n                transform: translateY(0px) translateX(0px) rotate(0deg); \r\n                opacity: 0.4; \r\n            }\r\n            25% { \r\n                transform: translateY(-30px) translateX(15px) rotate(90deg); \r\n                opacity: 0.8; \r\n            }\r\n            50% { \r\n                transform: translateY(-60px) translateX(-10px) rotate(180deg); \r\n                opacity: 0.3; \r\n            }\r\n            75% { \r\n                transform: translateY(-30px) translateX(20px) rotate(270deg); \r\n                opacity: 0.9; \r\n            }\r\n        }\r\n\r\n        @keyframes float2 {\r\n            0%, 100% { \r\n                transform: translateY(0px) translateX(0px) scale(1); \r\n                opacity: 0.4; \r\n            }\r\n            33% { \r\n                transform: translateY(-20px) translateX(-15px) scale(1.2); \r\n                opacity: 0.7; \r\n            }\r\n            66% { \r\n                transform: translateY(-40px) translateX(25px) scale(0.8); \r\n                opacity: 0.9; \r\n            }\r\n        }\r\n\r\n        @keyframes float3 {\r\n            0%, 100% { \r\n                transform: translateX(0px) translateY(0px); \r\n                opacity: 0.4; \r\n            }\r\n            50% { \r\n                transform: translateX(-50px) translateY(-25px); \r\n                opacity: 0.8; \r\n            }\r\n        }\r\n\r\n        .decorative-lines {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            top: 0;\r\n            left: 0;\r\n            pointer-events: none;\r\n            overflow: hidden;\r\n            \/* Initial state *\/\r\n            transform: scale(0.5);\r\n            opacity: 0;\r\n        }\r\n\r\n        .decorative-lines.animate {\r\n            animation: linesZoomIn 2.8s ease-out 1.8s both;\r\n        }\r\n\r\n        \/* Lines zoom in animation *\/\r\n        @keyframes linesZoomIn {\r\n            0% {\r\n                transform: scale(0.5);\r\n                opacity: 0;\r\n            }\r\n            100% {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .line {\r\n            position: absolute;\r\n            background: linear-gradient(90deg, transparent, rgba(67, 185, 124, 0.3), transparent);\r\n            height: 1px;\r\n            \/* Initial state *\/\r\n            transform: scaleX(0);\r\n            opacity: 0;\r\n        }\r\n\r\n        .line.animate:nth-child(1) {\r\n            top: 25%;\r\n            left: 0;\r\n            width: 200px;\r\n            animation: slideLine 8s ease-in-out infinite, lineZoomIn 2.5s ease-out 2.5s both;\r\n        }\r\n\r\n        .line.animate:nth-child(2) {\r\n            bottom: 30%;\r\n            right: 0;\r\n            width: 150px;\r\n            animation: slideLine 6s ease-in-out infinite reverse, lineZoomIn 2.5s ease-out 2.7s both;\r\n            animation-delay: 2s, 2.7s;\r\n        }\r\n\r\n        \/* Individual line zoom in *\/\r\n        @keyframes lineZoomIn {\r\n            0% {\r\n                transform: scaleX(0);\r\n                opacity: 0;\r\n            }\r\n            100% {\r\n                transform: scaleX(1);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes slideLine {\r\n            0%, 100% { \r\n                opacity: 0;\r\n                transform: translateX(-100px);\r\n            }\r\n            50% { \r\n                opacity: 1;\r\n                transform: translateX(100px);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .trust-card {\r\n                padding: 50px 30px;\r\n            }\r\n            \r\n            .main-headline {\r\n                font-size: 2.2rem;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .sub-headline {\r\n                font-size: 1.1rem;\r\n                padding: 0 10px;\r\n            }\r\n\r\n            .highlight-text {\r\n                padding: 3px 8px;\r\n                margin: 0 2px;\r\n            }\r\n        }\r\n\r\n        .trust-card:hover {\r\n            transform: translateY(-5px) scale(1.02);\r\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\r\n        }\r\n\r\n        \/* Enhanced shimmer effect *\/\r\n        .shimmer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\r\n            opacity: 0;\r\n        }\r\n\r\n        .shimmer.animate {\r\n            animation: shimmer 6s infinite, shimmerZoomIn 3s ease-out 2s both;\r\n        }\r\n\r\n        \/* Shimmer zoom in *\/\r\n        @keyframes shimmerZoomIn {\r\n            0% {\r\n                opacity: 0;\r\n            }\r\n            100% {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes shimmer {\r\n            0% { left: -100%; }\r\n            100% { left: 100%; }\r\n        }\r\n\r\n        \/* Scroll indicator *\/\r\n        .scroll-indicator {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            color: rgba(255, 255, 255, 0.6);\r\n            font-size: 0.9rem;\r\n            animation: bounce 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes bounce {\r\n            0%, 100% { transform: translateX(-50%) translateY(0); }\r\n            50% { transform: translateX(-50%) translateY(-10px); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Demo content to make page scrollable -->\r\n  \r\n\r\n \r\n\r\n    <div class=\"section-wrapper\">\r\n        <div class=\"trust-container\" id=\"trustSection\">\r\n            <div class=\"floating-particles\">\r\n                <div class=\"particle\"><\/div>\r\n                <div class=\"particle\"><\/div>\r\n                <div class=\"particle\"><\/div>\r\n                <div class=\"particle\"><\/div>\r\n                <div class=\"particle\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"decorative-lines\">\r\n                <div class=\"line\"><\/div>\r\n                <div class=\"line\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"trust-card\">\r\n                <div class=\"shimmer\"><\/div>\r\n                \r\n                <h1 class=\"main-headline\">\r\n               With us, your photo isn't just a picture...your photo is the beginning of your story with your client.\r\n\r\n\r\n                    \r\n                <\/h1>\r\n                \r\n                <!--<p class=\"sub-headline\">-->\r\n                <!--    \u0639\u0637\u0648\u0646\u0627 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u062d\u0646\u0627 \u062c\u0627\u0647\u0632\u064a\u0646 \u0646\u0637\u0644\u0639 \u0628\u0645\u0628\u064a\u0639\u0627\u062a\u0643 \u0641\u0648\u0642\u060c \u0645\u0639 <span class=\"highlight-text\">\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062d\u0645\u0644\u062a\u0643<\/span>-->\r\n                <!--<\/p>-->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Intersection Observer for scroll-triggered animations\r\n        const observerOptions = {\r\n            root: null,\r\n            rootMargin: '0px',\r\n            threshold: 0.3 \/\/ Trigger when 30% of element is visible\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const trustContainer = entry.target;\r\n                    \r\n                    \/\/ Add animation classes with staggered timing\r\n                    trustContainer.classList.add('in-view');\r\n                    \r\n                    \/\/ Animate container\r\n                    trustContainer.classList.add('animate');\r\n                    \r\n                    \/\/ Animate card\r\n                    const card = trustContainer.querySelector('.trust-card');\r\n                    if (card) card.classList.add('animate');\r\n                    \r\n                    \/\/ Animate headline\r\n                    const headline = trustContainer.querySelector('.main-headline');\r\n                    if (headline) headline.classList.add('animate');\r\n                    \r\n                    \/\/ Animate sub-headline\r\n                    const subheadline = trustContainer.querySelector('.sub-headline');\r\n                    if (subheadline) subheadline.classList.add('animate');\r\n                    \r\n                    \/\/ Animate highlight text\r\n                    const highlightText = trustContainer.querySelector('.highlight-text');\r\n                    if (highlightText) highlightText.classList.add('animate');\r\n                    \r\n                    \/\/ Animate particles\r\n                    const particlesContainer = trustContainer.querySelector('.floating-particles');\r\n                    if (particlesContainer) {\r\n                        particlesContainer.classList.add('animate');\r\n                        const particles = particlesContainer.querySelectorAll('.particle');\r\n                        particles.forEach(particle => particle.classList.add('animate'));\r\n                    }\r\n                    \r\n                    \/\/ Animate lines\r\n                    const linesContainer = trustContainer.querySelector('.decorative-lines');\r\n                    if (linesContainer) {\r\n                        linesContainer.classList.add('animate');\r\n                        const lines = linesContainer.querySelectorAll('.line');\r\n                        lines.forEach(line => line.classList.add('animate'));\r\n                    }\r\n                    \r\n                    \/\/ Animate shimmer\r\n                    const shimmer = trustContainer.querySelector('.shimmer');\r\n                    if (shimmer) shimmer.classList.add('animate');\r\n\r\n                    \/\/ Hide scroll indicator\r\n                    const scrollIndicator = document.querySelector('.scroll-indicator');\r\n                    if (scrollIndicator) {\r\n                        scrollIndicator.style.opacity = '0';\r\n                        scrollIndicator.style.transition = 'opacity 0.5s ease';\r\n                    }\r\n                    \r\n                    \/\/ Stop observing after animation starts\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Start observing the trust section\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const trustSection = document.getElementById('trustSection');\r\n            if (trustSection) {\r\n                observer.observe(trustSection);\r\n            }\r\n        });\r\n\r\n        \/\/ Optional: Reset animation when scrolling back up (uncomment if needed)\r\n        \/*\r\n        window.addEventListener('scroll', () => {\r\n            const trustSection = document.getElementById('trustSection');\r\n            const rect = trustSection.getBoundingClientRect();\r\n            \r\n            \/\/ If section is out of view (scrolled past), reset animations\r\n            if (rect.bottom < 0) {\r\n                \/\/ Remove all animation classes\r\n                trustSection.classList.remove('in-view', 'animate');\r\n                trustSection.querySelectorAll('.animate').forEach(el => {\r\n                    el.classList.remove('animate');\r\n                });\r\n                \r\n                \/\/ Re-observe for next time\r\n                observer.observe(trustSection);\r\n            }\r\n        });\r\n        *\/\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Eco Performance Marketing \ud83d\udcf8 \u0646\u0631\u0633\u0645 \u062e\u0637\u062a\u0643 \u0648\u0646\u0637\u0644\u0642 \u0635\u062f\u0627\u0647\u0627 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u0645\u0637\u0627\u0639\u0645 \u0648\u0627\u0644\u0643\u0627\u0641\u064a\u0647\u0627\u062a \u0648\u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0646\u062d\u0648\u0651\u0644 \u0645\u0646\u062a\u062c\u0643 \u0644\u0642\u0635\u0629 \u0645\u0631\u0626\u064a\u0629 \u062a\u0628\u064a\u0639 \u0642\u0628\u0644 \u0645\u0627 \u062a\u062a\u0643\u0644\u0645 \ud83d\ude80 \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0622\u0646 \u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 500+ \u0645\u0634\u0631\u0648\u0639 \u0646\u0627\u062c\u062d 98% \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 50K+ \u0635\u0648\u0631\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 24\/7 \u062f\u0639\u0645 \u0645\u062a\u0648\u0627\u0635\u0644 \u0645\u0646 \u0646\u062d\u0646\u061f \u0646\u062d\u0646 \u0634\u0631\u0643\u0629 Eco Performance Marketing\u060c \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0637\u0627\u0639\u0645 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2848","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecoperformancemarketing.com\/en\/wp-json\/wp\/v2\/pages\/2848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecoperformancemarketing.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecoperformancemarketing.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecoperformancemarketing.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecoperformancemarketing.com\/en\/wp-json\/wp\/v2\/comments?post=2848"}],"version-history":[{"count":143,"href":"https:\/\/ecoperformancemarketing.com\/en\/wp-json\/wp\/v2\/pages\/2848\/revisions"}],"predecessor-version":[{"id":3202,"href":"https:\/\/ecoperformancemarketing.com\/en\/wp-json\/wp\/v2\/pages\/2848\/revisions\/3202"}],"wp:attachment":[{"href":"https:\/\/ecoperformancemarketing.com\/en\/wp-json\/wp\/v2\/media?parent=2848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}