{"id":8,"date":"2026-05-12T20:32:37","date_gmt":"2026-05-12T20:32:37","guid":{"rendered":"https:\/\/arkadasvenner.com\/?page_id=8"},"modified":"2026-05-12T20:38:59","modified_gmt":"2026-05-12T20:38:59","slug":"homepage","status":"publish","type":"page","link":"https:\/\/arkadasvenner.com\/","title":{"rendered":""},"content":{"rendered":"\n    <main class=\"custom-homepage\">\n\n        <div class=\"av-cursor-dot\"><\/div>\n        <div class=\"av-cursor-glow\"><\/div>\n\n        <section class=\"home-hero\">\n            <div class=\"custom-header\">\n                <div class=\"home-container header-inner\">\n                    <a href=\"https:\/\/arkadasvenner.com\/\" class=\"custom-logo\" aria-label=\"Arkadas Venner Tech\">\n                        <img decoding=\"async\" src=\"https:\/\/arkadasvenner.online\/arkdas%20logo%20white.png\" alt=\"Arkadas Venner Tech\">\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"hero-bg-glow hero-glow-one\"><\/div>\n            <div class=\"hero-bg-glow hero-glow-two\"><\/div>\n\n            <div class=\"home-container hero-grid\">\n                <div class=\"hero-content\">\n                    <div class=\"hero-copy\">\n                        <span class=\"hero-tagline\">Build. Scale. Grow.<\/span>\n\n                        <h1>Custom Web, WordPress, SEO & AI Solutions for Growing Brands<\/h1>\n\n                        <p>\n                            Arkadas Venner Tech builds fast websites, custom WordPress systems, AI tools, SEO strategies, and digital marketing campaigns that turn visitors into real leads. We focus on clean development, strong user experience, and performance-first digital solutions.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"hero-actions\">\n                        <a href=\"#services\" class=\"primary-btn\">Explore Services<\/a>\n                        <a href=\"#contact-form\" class=\"secondary-btn\">Get Free Quote<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hero-form-wrap\" id=\"contact-form\">\n                    <h2>Start Your Project<\/h2>\n                    <p>Share your requirements. Our team will get back to you within 24 hours.<\/p>\n\n                    \n                    <form method=\"post\" action=\"https:\/\/arkadasvenner.com\/wp-admin\/admin-post.php\" class=\"hero-form\">\n                        <input type=\"hidden\" name=\"action\" value=\"custom_homepage_form\">\n                        <input type=\"hidden\" id=\"custom_homepage_nonce\" name=\"custom_homepage_nonce\" value=\"3b9b6e70b9\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/8\" \/>\n                        <div class=\"form-row form-row-full\">\n                            <label>Name <span>*<\/span><\/label>\n                            <input type=\"text\" name=\"name\" placeholder=\"Your Name\" required>\n                        <\/div>\n\n                        <div class=\"form-row form-row-half\">\n                            <div>\n                                <label>Company Name<\/label>\n                                <input type=\"text\" name=\"company\" placeholder=\"Company Name\">\n                            <\/div>\n\n                            <div>\n                                <label>Corporate Email <span>*<\/span><\/label>\n                                <input type=\"email\" name=\"email\" placeholder=\"Corporate Email\" required>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-row form-row-full\">\n                            <label>Phone Number<\/label>\n                            <div class=\"phone-field\">\n                                <div class=\"country-select\" data-country-select>\n                                    <button type=\"button\" class=\"country-trigger\" data-country-trigger>\n                                        <span data-country-current>Pakistan<\/span>\n                                        <span class=\"country-arrow\"><\/span>\n                                    <\/button>\n\n                                    <input type=\"hidden\" name=\"country\" value=\"Pakistan\" data-country-input>\n\n                                    <div class=\"country-menu\" data-country-menu>\n                                        <div class=\"country-search-wrap\">\n                                            <input type=\"text\" class=\"country-search\" placeholder=\"Search country...\" data-country-search>\n                                        <\/div>\n\n                                        <div class=\"country-options\" data-country-options>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Afghanistan\">\n                                                    Afghanistan                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Albania\">\n                                                    Albania                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Algeria\">\n                                                    Algeria                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Andorra\">\n                                                    Andorra                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Angola\">\n                                                    Angola                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Argentina\">\n                                                    Argentina                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Armenia\">\n                                                    Armenia                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Australia\">\n                                                    Australia                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Austria\">\n                                                    Austria                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Azerbaijan\">\n                                                    Azerbaijan                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Bahamas\">\n                                                    Bahamas                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Bahrain\">\n                                                    Bahrain                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Bangladesh\">\n                                                    Bangladesh                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Belgium\">\n                                                    Belgium                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Brazil\">\n                                                    Brazil                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Bulgaria\">\n                                                    Bulgaria                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Canada\">\n                                                    Canada                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"China\">\n                                                    China                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Denmark\">\n                                                    Denmark                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Egypt\">\n                                                    Egypt                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"France\">\n                                                    France                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Germany\">\n                                                    Germany                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"India\">\n                                                    India                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Indonesia\">\n                                                    Indonesia                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Iran\">\n                                                    Iran                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Iraq\">\n                                                    Iraq                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Ireland\">\n                                                    Ireland                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Italy\">\n                                                    Italy                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Japan\">\n                                                    Japan                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Jordan\">\n                                                    Jordan                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Kuwait\">\n                                                    Kuwait                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Malaysia\">\n                                                    Malaysia                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Netherlands\">\n                                                    Netherlands                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"New Zealand\">\n                                                    New Zealand                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Norway\">\n                                                    Norway                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Oman\">\n                                                    Oman                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Pakistan\">\n                                                    Pakistan                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Qatar\">\n                                                    Qatar                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Romania\">\n                                                    Romania                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Saudi Arabia\">\n                                                    Saudi Arabia                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Singapore\">\n                                                    Singapore                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"South Africa\">\n                                                    South Africa                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Spain\">\n                                                    Spain                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Sri Lanka\">\n                                                    Sri Lanka                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Sweden\">\n                                                    Sweden                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Switzerland\">\n                                                    Switzerland                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Thailand\">\n                                                    Thailand                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Turkey\">\n                                                    Turkey                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"United Arab Emirates\">\n                                                    United Arab Emirates                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"United Kingdom\">\n                                                    United Kingdom                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"United States\">\n                                                    United States                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Vietnam\">\n                                                    Vietnam                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Yemen\">\n                                                    Yemen                                                <\/button>\n                                                                                            <button type=\"button\" class=\"country-option\" data-country-option=\"Zimbabwe\">\n                                                    Zimbabwe                                                <\/button>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <input type=\"text\" name=\"phone\" placeholder=\"Phone Number\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-row form-row-full\">\n                            <label>Service Needed <span>*<\/span><\/label>\n                            <select name=\"service\" required>\n                                <option value=\"\">Select Service<\/option>\n                                <option value=\"Web Development\">Web Development<\/option>\n                                <option value=\"WordPress Development\">WordPress Development<\/option>\n                                <option value=\"Mobile App Development\">Mobile App Development<\/option>\n                                <option value=\"AI Solutions\">AI Solutions<\/option>\n                                <option value=\"UI\/UX Design\">UI\/UX Design<\/option>\n                                <option value=\"SEO\">SEO<\/option>\n                                <option value=\"Social Media Marketing\">Social Media Marketing<\/option>\n                                <option value=\"Content Writing\">Content Writing<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"form-row form-row-full\">\n                            <label>Project Details <span>*<\/span><\/label>\n                            <textarea name=\"message\" placeholder=\"Tell us about your goals, timeline, and requirements.\" required><\/textarea>\n                        <\/div>\n\n                        <button type=\"submit\">Send Now<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"brand-slider-section\">\n            <div class=\"home-container\">\n                <div class=\"brand-section-header\">\n                    <span>Trusted Work<\/span>\n                    <h2>Brands We\u2019ve Worked With<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"brand-marquee marquee-left\">\n                <div class=\"brand-track\">\n                    <div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ildpmdl.nitrocdn.com\/hRhcWHBEzFsSgKXUTdYIsubPOUpavKTJ\/assets\/images\/optimized\/rev-738b114\/www.movingstonedigital.com\/wp-content\/uploads\/2023\/02\/msd-logo.svg\" alt=\"Movingstone Digital\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Movingstone Digital<\/span><\/div><div class=\"brand-logo-card logo-wide force-fallback\"><img decoding=\"async\" src=\"https:\/\/cdn-ildpnej.nitrocdn.com\/eCaxzaDzAOyEEbqOUBslxBTgUQAWTpST\/assets\/images\/optimized\/rev-cc2a683\/venturedknowmads.com\/wp-content\/uploads\/2025\/07\/Venture-Knowmads-full-logo-2048x1368.png\" alt=\"Venture Knowmads\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Venture Knowmads<\/span><\/div><div class=\"brand-logo-card logo-dark logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ileaehi.nitrocdn.com\/mWnIPLLrYPQUlITpkYqrGYckphZPhkrM\/assets\/images\/optimized\/rev-f9e1953\/3dillumination.com\/wp-content\/uploads\/2025\/03\/3DI_logo_white_original.png\" alt=\"3D Illumination\" loading=\"lazy\"><span class=\"brand-logo-fallback\">3D Illumination<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/spoglink.shop\/wp-content\/uploads\/2025\/01\/SPOGLNK-1.png\" alt=\"SPOGLNK\" loading=\"lazy\"><span class=\"brand-logo-fallback\">SPOGLNK<\/span><\/div><div class=\"brand-logo-card logo-dark logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilcoaip.nitrocdn.com\/HydfWQAyRMTzfEeqjoBTlbQSkZudUegD\/assets\/images\/optimized\/rev-6bc8b22\/khaaman.com\/wp-content\/uploads\/2023\/11\/KHAAMAN__2_-removebg-1320x240.png\" alt=\"Khaaman\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Khaaman<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilebace.nitrocdn.com\/qWbpUCNwgdbGuHFRtCBFIzEoPNNCyXEK\/assets\/images\/optimized\/rev-8861eab\/spogmey.shop\/wp-content\/uploads\/2025\/08\/SPOGMEY-LOGO.jpg\" alt=\"SPOGMEY\" loading=\"lazy\"><span class=\"brand-logo-fallback\">SPOGMEY<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilclpel.nitrocdn.com\/UQaziRcOpOZfhijeAWDGKaoKlIzHqErY\/assets\/images\/optimized\/rev-0070ada\/rcmbyte.com\/wp-content\/uploads\/2025\/07\/RCMByte-Transparent-logo.png\" alt=\"RCMByte\" loading=\"lazy\"><span class=\"brand-logo-fallback\">RCMByte<\/span><\/div><div class=\"brand-logo-card logo-square\"><img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQoYwIfQm39QkgZir6F__9RVGGcG2PIHlEbVg&#038;s\" alt=\"Nick Amay Guardian\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Nick Amay Guardian<\/span><\/div>                    <div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ildpmdl.nitrocdn.com\/hRhcWHBEzFsSgKXUTdYIsubPOUpavKTJ\/assets\/images\/optimized\/rev-738b114\/www.movingstonedigital.com\/wp-content\/uploads\/2023\/02\/msd-logo.svg\" alt=\"Movingstone Digital\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Movingstone Digital<\/span><\/div><div class=\"brand-logo-card logo-wide force-fallback\"><img decoding=\"async\" src=\"https:\/\/cdn-ildpnej.nitrocdn.com\/eCaxzaDzAOyEEbqOUBslxBTgUQAWTpST\/assets\/images\/optimized\/rev-cc2a683\/venturedknowmads.com\/wp-content\/uploads\/2025\/07\/Venture-Knowmads-full-logo-2048x1368.png\" alt=\"Venture Knowmads\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Venture Knowmads<\/span><\/div><div class=\"brand-logo-card logo-dark logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ileaehi.nitrocdn.com\/mWnIPLLrYPQUlITpkYqrGYckphZPhkrM\/assets\/images\/optimized\/rev-f9e1953\/3dillumination.com\/wp-content\/uploads\/2025\/03\/3DI_logo_white_original.png\" alt=\"3D Illumination\" loading=\"lazy\"><span class=\"brand-logo-fallback\">3D Illumination<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/spoglink.shop\/wp-content\/uploads\/2025\/01\/SPOGLNK-1.png\" alt=\"SPOGLNK\" loading=\"lazy\"><span class=\"brand-logo-fallback\">SPOGLNK<\/span><\/div><div class=\"brand-logo-card logo-dark logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilcoaip.nitrocdn.com\/HydfWQAyRMTzfEeqjoBTlbQSkZudUegD\/assets\/images\/optimized\/rev-6bc8b22\/khaaman.com\/wp-content\/uploads\/2023\/11\/KHAAMAN__2_-removebg-1320x240.png\" alt=\"Khaaman\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Khaaman<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilebace.nitrocdn.com\/qWbpUCNwgdbGuHFRtCBFIzEoPNNCyXEK\/assets\/images\/optimized\/rev-8861eab\/spogmey.shop\/wp-content\/uploads\/2025\/08\/SPOGMEY-LOGO.jpg\" alt=\"SPOGMEY\" loading=\"lazy\"><span class=\"brand-logo-fallback\">SPOGMEY<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilclpel.nitrocdn.com\/UQaziRcOpOZfhijeAWDGKaoKlIzHqErY\/assets\/images\/optimized\/rev-0070ada\/rcmbyte.com\/wp-content\/uploads\/2025\/07\/RCMByte-Transparent-logo.png\" alt=\"RCMByte\" loading=\"lazy\"><span class=\"brand-logo-fallback\">RCMByte<\/span><\/div><div class=\"brand-logo-card logo-square\"><img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQoYwIfQm39QkgZir6F__9RVGGcG2PIHlEbVg&#038;s\" alt=\"Nick Amay Guardian\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Nick Amay Guardian<\/span><\/div>                    <div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ildpmdl.nitrocdn.com\/hRhcWHBEzFsSgKXUTdYIsubPOUpavKTJ\/assets\/images\/optimized\/rev-738b114\/www.movingstonedigital.com\/wp-content\/uploads\/2023\/02\/msd-logo.svg\" alt=\"Movingstone Digital\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Movingstone Digital<\/span><\/div><div class=\"brand-logo-card logo-wide force-fallback\"><img decoding=\"async\" src=\"https:\/\/cdn-ildpnej.nitrocdn.com\/eCaxzaDzAOyEEbqOUBslxBTgUQAWTpST\/assets\/images\/optimized\/rev-cc2a683\/venturedknowmads.com\/wp-content\/uploads\/2025\/07\/Venture-Knowmads-full-logo-2048x1368.png\" alt=\"Venture Knowmads\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Venture Knowmads<\/span><\/div><div class=\"brand-logo-card logo-dark logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ileaehi.nitrocdn.com\/mWnIPLLrYPQUlITpkYqrGYckphZPhkrM\/assets\/images\/optimized\/rev-f9e1953\/3dillumination.com\/wp-content\/uploads\/2025\/03\/3DI_logo_white_original.png\" alt=\"3D Illumination\" loading=\"lazy\"><span class=\"brand-logo-fallback\">3D Illumination<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/spoglink.shop\/wp-content\/uploads\/2025\/01\/SPOGLNK-1.png\" alt=\"SPOGLNK\" loading=\"lazy\"><span class=\"brand-logo-fallback\">SPOGLNK<\/span><\/div><div class=\"brand-logo-card logo-dark logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilcoaip.nitrocdn.com\/HydfWQAyRMTzfEeqjoBTlbQSkZudUegD\/assets\/images\/optimized\/rev-6bc8b22\/khaaman.com\/wp-content\/uploads\/2023\/11\/KHAAMAN__2_-removebg-1320x240.png\" alt=\"Khaaman\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Khaaman<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilebace.nitrocdn.com\/qWbpUCNwgdbGuHFRtCBFIzEoPNNCyXEK\/assets\/images\/optimized\/rev-8861eab\/spogmey.shop\/wp-content\/uploads\/2025\/08\/SPOGMEY-LOGO.jpg\" alt=\"SPOGMEY\" loading=\"lazy\"><span class=\"brand-logo-fallback\">SPOGMEY<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilclpel.nitrocdn.com\/UQaziRcOpOZfhijeAWDGKaoKlIzHqErY\/assets\/images\/optimized\/rev-0070ada\/rcmbyte.com\/wp-content\/uploads\/2025\/07\/RCMByte-Transparent-logo.png\" alt=\"RCMByte\" loading=\"lazy\"><span class=\"brand-logo-fallback\">RCMByte<\/span><\/div><div class=\"brand-logo-card logo-square\"><img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQoYwIfQm39QkgZir6F__9RVGGcG2PIHlEbVg&#038;s\" alt=\"Nick Amay Guardian\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Nick Amay Guardian<\/span><\/div>                    <div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ildpmdl.nitrocdn.com\/hRhcWHBEzFsSgKXUTdYIsubPOUpavKTJ\/assets\/images\/optimized\/rev-738b114\/www.movingstonedigital.com\/wp-content\/uploads\/2023\/02\/msd-logo.svg\" alt=\"Movingstone Digital\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Movingstone Digital<\/span><\/div><div class=\"brand-logo-card logo-wide force-fallback\"><img decoding=\"async\" src=\"https:\/\/cdn-ildpnej.nitrocdn.com\/eCaxzaDzAOyEEbqOUBslxBTgUQAWTpST\/assets\/images\/optimized\/rev-cc2a683\/venturedknowmads.com\/wp-content\/uploads\/2025\/07\/Venture-Knowmads-full-logo-2048x1368.png\" alt=\"Venture Knowmads\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Venture Knowmads<\/span><\/div><div class=\"brand-logo-card logo-dark logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ileaehi.nitrocdn.com\/mWnIPLLrYPQUlITpkYqrGYckphZPhkrM\/assets\/images\/optimized\/rev-f9e1953\/3dillumination.com\/wp-content\/uploads\/2025\/03\/3DI_logo_white_original.png\" alt=\"3D Illumination\" loading=\"lazy\"><span class=\"brand-logo-fallback\">3D Illumination<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/spoglink.shop\/wp-content\/uploads\/2025\/01\/SPOGLNK-1.png\" alt=\"SPOGLNK\" loading=\"lazy\"><span class=\"brand-logo-fallback\">SPOGLNK<\/span><\/div><div class=\"brand-logo-card logo-dark logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilcoaip.nitrocdn.com\/HydfWQAyRMTzfEeqjoBTlbQSkZudUegD\/assets\/images\/optimized\/rev-6bc8b22\/khaaman.com\/wp-content\/uploads\/2023\/11\/KHAAMAN__2_-removebg-1320x240.png\" alt=\"Khaaman\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Khaaman<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilebace.nitrocdn.com\/qWbpUCNwgdbGuHFRtCBFIzEoPNNCyXEK\/assets\/images\/optimized\/rev-8861eab\/spogmey.shop\/wp-content\/uploads\/2025\/08\/SPOGMEY-LOGO.jpg\" alt=\"SPOGMEY\" loading=\"lazy\"><span class=\"brand-logo-fallback\">SPOGMEY<\/span><\/div><div class=\"brand-logo-card logo-wide\"><img decoding=\"async\" src=\"https:\/\/cdn-ilclpel.nitrocdn.com\/UQaziRcOpOZfhijeAWDGKaoKlIzHqErY\/assets\/images\/optimized\/rev-0070ada\/rcmbyte.com\/wp-content\/uploads\/2025\/07\/RCMByte-Transparent-logo.png\" alt=\"RCMByte\" loading=\"lazy\"><span class=\"brand-logo-fallback\">RCMByte<\/span><\/div><div class=\"brand-logo-card logo-square\"><img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQoYwIfQm39QkgZir6F__9RVGGcG2PIHlEbVg&#038;s\" alt=\"Nick Amay Guardian\" loading=\"lazy\"><span class=\"brand-logo-fallback\">Nick Amay Guardian<\/span><\/div>                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"services-section\" id=\"services\">\n            <div class=\"home-container\">\n                <div class=\"section-header\">\n                    <span>Our Services<\/span>\n                    <h2>Digital Services Built for Modern Businesses<\/h2>\n                    <p>From websites to marketing, we help brands build strong digital foundations with clean execution and measurable results.<\/p>\n                <\/div>\n\n                <div class=\"services-grid\">\n                                            <div class=\"service-card\" style=\"--delay: 0ms;\">\n                            <div class=\"service-card-inner\">\n                                <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M8 20h8\"><\/path><path d=\"M12 18v2\"><\/path><path d=\"M7 9h5\"><\/path><path d=\"M7 13h10\"><\/path><\/svg><\/div>\n\n                                <div class=\"service-card-body\">\n                                    <h3>Web Development<\/h3>\n                                    <p>Fast, secure, and responsive websites built with clean code, sharp structure, and reliable performance.<\/p>\n\n                                    <div class=\"service-tags\">\n                                                                                    <span>Responsive<\/span>\n                                                                                    <span>Performance<\/span>\n                                                                            <\/div>\n                                <\/div>\n\n                                <span class=\"service-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"service-card\" style=\"--delay: 60ms;\">\n                            <div class=\"service-card-inner\">\n                                <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M7.6 8.4h2\"><\/path><path d=\"M14.3 8.4h2.1\"><\/path><path d=\"M8.1 8.4l2.9 8.1\"><\/path><path d=\"M15.9 8.4l-3 8.1\"><\/path><path d=\"M10.8 8.4l2.8 8.1\"><\/path><path d=\"M17.1 7.3c1.1 1.1 1.7 2.8.9 4.8l-1.8 4.4\"><\/path><\/svg><\/div>\n\n                                <div class=\"service-card-body\">\n                                    <h3>WordPress Development<\/h3>\n                                    <p>Custom WordPress websites with neat layouts, simple management, and optimized business workflows.<\/p>\n\n                                    <div class=\"service-tags\">\n                                                                                    <span>Custom WP<\/span>\n                                                                                    <span>Easy Manage<\/span>\n                                                                            <\/div>\n                                <\/div>\n\n                                <span class=\"service-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"service-card\" style=\"--delay: 120ms;\">\n                            <div class=\"service-card-inner\">\n                                <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"7\" y=\"2.8\" width=\"10\" height=\"18.4\" rx=\"2.2\"><\/rect><path d=\"M10.5 6h3\"><\/path><path d=\"M12 17.7h.01\"><\/path><\/svg><\/div>\n\n                                <div class=\"service-card-body\">\n                                    <h3>Mobile App Development<\/h3>\n                                    <p>User-friendly mobile applications designed around smooth interaction, clear structure, and business goals.<\/p>\n\n                                    <div class=\"service-tags\">\n                                                                                    <span>Mobile UX<\/span>\n                                                                                    <span>Scalable<\/span>\n                                                                            <\/div>\n                                <\/div>\n\n                                <span class=\"service-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"service-card\" style=\"--delay: 180ms;\">\n                            <div class=\"service-card-inner\">\n                                <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l1.2 3.2L16.5 7l-3.3 1.2L12 11.5l-1.2-3.3L7.5 7l3.3-.8L12 3z\"><\/path><path d=\"M5.5 13l.8 2.1 2.2.9-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.9.8-2.1z\"><\/path><path d=\"M17.5 12l.9 2.5 2.6 1-2.6.9-.9 2.6-.9-2.6-2.6-.9 2.6-1 .9-2.5z\"><\/path><\/svg><\/div>\n\n                                <div class=\"service-card-body\">\n                                    <h3>AI Solutions<\/h3>\n                                    <p>Smart AI tools and automation systems that reduce manual work, improve workflows, and save time.<\/p>\n\n                                    <div class=\"service-tags\">\n                                                                                    <span>Automation<\/span>\n                                                                                    <span>AI Tools<\/span>\n                                                                            <\/div>\n                                <\/div>\n\n                                <span class=\"service-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"service-card\" style=\"--delay: 240ms;\">\n                            <div class=\"service-card-inner\">\n                                <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 15.5V20h4.5L19.3 9.2a2.1 2.1 0 0 0 0-3L17.8 4.7a2.1 2.1 0 0 0-3 0L4 15.5z\"><\/path><path d=\"M13.8 5.8l4.4 4.4\"><\/path><path d=\"M4 20l4.6-1\"><\/path><\/svg><\/div>\n\n                                <div class=\"service-card-body\">\n                                    <h3>UI\/UX Design<\/h3>\n                                    <p>Clean interface design focused on usability, trust, navigation flow, and stronger conversion experience.<\/p>\n\n                                    <div class=\"service-tags\">\n                                                                                    <span>Clean UI<\/span>\n                                                                                    <span>Better UX<\/span>\n                                                                            <\/div>\n                                <\/div>\n\n                                <span class=\"service-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"service-card\" style=\"--delay: 300ms;\">\n                            <div class=\"service-card-inner\">\n                                <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"10.5\" cy=\"10.5\" r=\"5.8\"><\/circle><path d=\"M15 15l4.2 4.2\"><\/path><path d=\"M8.2 10.8l1.6 1.6 3.2-3.5\"><\/path><\/svg><\/div>\n\n                                <div class=\"service-card-body\">\n                                    <h3>SEO<\/h3>\n                                    <p>Search optimization built to improve visibility, strengthen structure, and support long-term organic growth.<\/p>\n\n                                    <div class=\"service-tags\">\n                                                                                    <span>Organic<\/span>\n                                                                                    <span>Technical SEO<\/span>\n                                                                            <\/div>\n                                <\/div>\n\n                                <span class=\"service-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"service-card\" style=\"--delay: 360ms;\">\n                            <div class=\"service-card-inner\">\n                                <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"6.5\" cy=\"12\" r=\"2.5\"><\/circle><circle cx=\"17.5\" cy=\"6.5\" r=\"2.5\"><\/circle><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"><\/circle><path d=\"M8.7 10.8l6.6-3.2\"><\/path><path d=\"M8.7 13.2l6.6 3.2\"><\/path><\/svg><\/div>\n\n                                <div class=\"service-card-body\">\n                                    <h3>Social Media Marketing<\/h3>\n                                    <p>Creative campaigns planned to build awareness, engagement, brand trust, and consistent digital presence.<\/p>\n\n                                    <div class=\"service-tags\">\n                                                                                    <span>Engagement<\/span>\n                                                                                    <span>Brand Trust<\/span>\n                                                                            <\/div>\n                                <\/div>\n\n                                <span class=\"service-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"service-card\" style=\"--delay: 420ms;\">\n                            <div class=\"service-card-inner\">\n                                <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3.5h8l4 4V20.5H6z\"><\/path><path d=\"M14 3.5V8h4\"><\/path><path d=\"M9 12h6\"><\/path><path d=\"M9 15.5h6\"><\/path><path d=\"M9 8.5h2\"><\/path><\/svg><\/div>\n\n                                <div class=\"service-card-body\">\n                                    <h3>Content Writing<\/h3>\n                                    <p>Clear, useful, SEO-friendly content written to educate users, build authority, and support search rankings.<\/p>\n\n                                    <div class=\"service-tags\">\n                                                                                    <span>SEO Content<\/span>\n                                                                                    <span>Authority<\/span>\n                                                                            <\/div>\n                                <\/div>\n\n                                <span class=\"service-card-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <style>\n        html,\n        body {\n            margin: 0 !important;\n            padding: 0 !important;\n            overflow-x: hidden !important;\n            background: #ffffff !important;\n            scroll-behavior: smooth;\n        }\n\n        body.page,\n        body.home {\n            background: #ffffff !important;\n        }\n\n        body.page .wp-site-blocks,\n        body.home .wp-site-blocks {\n            padding: 0 !important;\n            margin: 0 !important;\n        }\n\n        body.page .wp-site-blocks > header,\n        body.home .wp-site-blocks > header,\n        body.page h1.wp-block-post-title,\n        body.home h1.wp-block-post-title,\n        body.page .wp-block-post-title,\n        body.home .wp-block-post-title,\n        body.page .entry-title,\n        body.home .entry-title {\n            display: none !important;\n        }\n\n        body.page main.wp-block-group,\n        body.home main.wp-block-group,\n        body.page .wp-block-post-content,\n        body.home .wp-block-post-content,\n        body.page .entry-content,\n        body.home .entry-content,\n        body.page .is-layout-constrained,\n        body.home .is-layout-constrained {\n            width: 100% !important;\n            max-width: none !important;\n            padding: 0 !important;\n            margin: 0 !important;\n            overflow: visible !important;\n        }\n\n        body.page .wp-block-post-content > *,\n        body.home .wp-block-post-content > *,\n        body.page .entry-content > *,\n        body.home .entry-content > * {\n            width: 100% !important;\n            max-width: none !important;\n            margin-left: 0 !important;\n            margin-right: 0 !important;\n        }\n\n        .custom-homepage {\n            --av-blue: #0039cc;\n            --av-navy: #031540;\n            --av-white: #ffffff;\n            --av-text: #0f172a;\n            --av-muted: #64748b;\n\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            position: relative !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            font-family: inherit;\n            color: var(--av-text);\n            overflow-x: hidden;\n            background: var(--av-white);\n        }\n\n        .custom-homepage section {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: 0 !important;\n            margin-right: 0 !important;\n        }\n\n        .home-container {\n            width: min(1320px, 92%) !important;\n            max-width: 1320px !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n        }\n\n        .av-cursor-dot,\n        .av-cursor-glow {\n            position: fixed !important;\n            top: 0 !important;\n            left: 0 !important;\n            pointer-events: none !important;\n            z-index: 999999 !important;\n            opacity: 0;\n            will-change: transform;\n            transform: translate3d(-120px, -120px, 0) translate(-50%, -50%);\n            transition: opacity 0.22s ease, width 0.22s ease, height 0.22s ease, background 0.22s ease, border-color 0.22s ease;\n        }\n\n        .av-cursor-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 999px;\n            background: #0039cc;\n            box-shadow: 0 0 18px rgba(0,57,204,0.55);\n        }\n\n        .av-cursor-glow {\n            width: 44px;\n            height: 44px;\n            border-radius: 999px;\n            border: 1px solid rgba(0,57,204,0.32);\n            background: rgba(0,57,204,0.055);\n            backdrop-filter: blur(2px);\n        }\n\n        body.av-cursor-active .av-cursor-dot,\n        body.av-cursor-active .av-cursor-glow {\n            opacity: 1;\n        }\n\n        body.av-cursor-hover .av-cursor-glow {\n            width: 62px;\n            height: 62px;\n            background: rgba(0,57,204,0.08);\n            border-color: rgba(0,57,204,0.42);\n        }\n\n        .home-hero {\n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            align-items: flex-start;\n            margin-top: 0 !important;\n            isolation: isolate;\n            background:\n                radial-gradient(circle at 18% 26%, rgba(0, 57, 204, 0.24), transparent 32%),\n                linear-gradient(115deg, rgba(3, 21, 64, 0.97), rgba(3, 21, 64, 0.84), rgba(0, 57, 204, 0.34)),\n                url('https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?q=80&w=1900&auto=format&fit=crop') bottom center\/cover no-repeat;\n            padding: 76px 0 42px;\n            overflow: hidden;\n        }\n\n        .home-hero::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            z-index: -1;\n            background:\n                linear-gradient(90deg, rgba(3, 21, 64, 0.60), transparent 50%),\n                linear-gradient(0deg, rgba(3, 21, 64, 0.20), transparent 32%);\n            pointer-events: none;\n        }\n\n        .custom-header {\n            position: absolute;\n            top: 0;\n            left: 0;\n            z-index: 20;\n            width: 100%;\n            padding: 22px 0 0;\n            pointer-events: none;\n        }\n\n        .header-inner {\n            display: flex;\n            align-items: center;\n            justify-content: flex-start;\n        }\n\n        .custom-logo {\n            display: inline-flex;\n            align-items: center;\n            text-decoration: none;\n            pointer-events: auto;\n            animation: avFadeDown 0.8s ease both;\n        }\n\n        .custom-logo img {\n            width: auto;\n            height: 44px;\n            max-width: 320px;\n            object-fit: contain;\n            display: block;\n        }\n\n        .hero-bg-glow {\n            position: absolute;\n            z-index: -1;\n            width: 420px;\n            height: 420px;\n            border-radius: 999px;\n            filter: blur(70px);\n            opacity: 0.34;\n            pointer-events: none;\n            animation: avFloat 7s ease-in-out infinite;\n        }\n\n        .hero-glow-one {\n            left: -120px;\n            bottom: 10%;\n            background: rgba(0, 57, 204, 0.72);\n        }\n\n        .hero-glow-two {\n            right: -160px;\n            top: 8%;\n            background: rgba(255, 255, 255, 0.18);\n            animation-delay: 1.2s;\n        }\n\n        .hero-grid {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) 590px;\n            gap: 70px;\n            align-items: stretch;\n            width: 100%;\n        }\n\n        .hero-content {\n            max-width: 720px;\n            min-height: calc(100vh - 148px);\n            color: var(--av-white);\n            animation: avFadeUp 0.9s ease both;\n            animation-delay: 0.1s;\n            padding-top: 34px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n        }\n\n        .hero-tagline {\n            display: inline-flex;\n            margin-bottom: 22px;\n            padding: 8px 16px;\n            border: 1px solid rgba(255,255,255,0.30);\n            border-radius: 999px;\n            font-size: 14px;\n            font-weight: 800;\n            letter-spacing: 0.3px;\n            background: rgba(255,255,255,0.10);\n            backdrop-filter: blur(10px);\n            color: var(--av-white);\n            box-shadow: 0 12px 35px rgba(0,0,0,0.12);\n        }\n\n        .hero-content h1 {\n            margin: 25px 0 0;\n            max-width: 710px;\n            font-size: clamp(44px, 3.75vw, 58px);\n            line-height: 1.05;\n            font-weight: 900;\n            letter-spacing: -2.1px;\n            color: var(--av-white);\n            text-shadow: 0 18px 60px rgba(0,0,0,0.22);\n        }\n\n        .hero-content p {\n            margin: 28px 0 0;\n            max-width: 660px;\n            font-size: 15px;\n            line-height: 1.56;\n            color: rgba(255,255,255,0.90);\n        }\n\n        .hero-actions {\n            display: flex;\n            align-items: center;\n            gap: 13px;\n            flex-wrap: wrap;\n            margin-top: auto;\n            padding-bottom: 34px;\n        }\n\n        .primary-btn,\n        .secondary-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 50px;\n            padding: 0 24px;\n            border-radius: 13px;\n            font-size: 14px;\n            font-weight: 900;\n            text-decoration: none;\n            transition: 0.25s ease;\n        }\n\n        .primary-btn {\n            background: var(--av-blue);\n            color: var(--av-white);\n            box-shadow: 0 14px 38px rgba(0, 57, 204, 0.32);\n        }\n\n        .primary-btn:hover {\n            transform: translateY(-2px);\n            background: var(--av-white);\n            color: var(--av-navy);\n        }\n\n        .secondary-btn {\n            border: 1px solid rgba(255,255,255,0.32);\n            background: rgba(255,255,255,0.08);\n            color: var(--av-white);\n            backdrop-filter: blur(10px);\n        }\n\n        .secondary-btn:hover {\n            transform: translateY(-2px);\n            border-color: var(--av-white);\n            background: var(--av-white);\n            color: var(--av-navy);\n        }\n\n        .hero-form-wrap {\n            width: 100%;\n            max-width: 590px;\n            justify-self: end;\n            align-self: start;\n            margin-top: 30px;\n            background: rgba(255,255,255,0.98);\n            border: 1px solid rgba(255,255,255,0.38);\n            border-radius: 24px;\n            padding: 22px 24px;\n            box-shadow: 0 30px 80px rgba(0,0,0,0.32);\n            backdrop-filter: blur(14px);\n            animation: avFadeUp 0.9s ease both;\n            animation-delay: 0.22s;\n            overflow: visible;\n        }\n\n        .hero-form-wrap h2 {\n            margin: 0 0 5px;\n            font-size: 27px;\n            line-height: 1.1;\n            font-weight: 900;\n            letter-spacing: -0.9px;\n            color: var(--av-navy);\n        }\n\n        .hero-form-wrap > p {\n            margin: 0 0 12px;\n            color: var(--av-muted);\n            font-size: 13.5px;\n            line-height: 1.45;\n        }\n\n        .form-success {\n            margin-bottom: 12px;\n            padding: 10px 12px;\n            border-radius: 10px;\n            background: #e8f1ff;\n            color: var(--av-blue);\n            font-size: 14px;\n            font-weight: 800;\n        }\n\n        .hero-form {\n            display: grid;\n            gap: 8px;\n            overflow: visible;\n        }\n\n        .form-row {\n            position: relative;\n            overflow: visible;\n        }\n\n        .form-row label {\n            display: block;\n            margin-bottom: 4px;\n            color: var(--av-navy);\n            font-size: 12.5px;\n            font-weight: 900;\n            line-height: 1.2;\n        }\n\n        .form-row label span {\n            color: var(--av-blue);\n        }\n\n        .form-row-half {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 11px;\n        }\n\n        .hero-form input,\n        .hero-form select,\n        .hero-form textarea,\n        .country-trigger {\n            width: 100%;\n            box-sizing: border-box;\n            border: 1px solid #dce3ef;\n            border-radius: 10px;\n            padding: 9px 13px;\n            font-size: 13.5px;\n            outline: none;\n            background: var(--av-white);\n            color: var(--av-text);\n            transition: 0.2s ease;\n        }\n\n        .hero-form textarea {\n            min-height: 68px;\n            max-height: 78px;\n            resize: vertical;\n        }\n\n        .hero-form input:focus,\n        .hero-form select:focus,\n        .hero-form textarea:focus,\n        .country-select.is-open .country-trigger {\n            border-color: var(--av-blue);\n            box-shadow: 0 0 0 4px rgba(0,57,204,0.10);\n        }\n\n        .phone-field {\n            display: grid;\n            grid-template-columns: 160px 1fr;\n            gap: 10px;\n            position: relative;\n            overflow: visible;\n        }\n\n        .country-select {\n            position: relative;\n            width: 100%;\n            z-index: 40;\n        }\n\n        .country-trigger {\n            min-height: 40px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 10px;\n            text-align: left;\n            white-space: nowrap;\n            padding-right: 16px;\n        }\n\n        .country-trigger span:first-child {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            color: var(--av-text);\n        }\n\n        .country-arrow {\n            width: 8px;\n            height: 8px;\n            flex: 0 0 8px;\n            border-right: 2px solid var(--av-navy);\n            border-bottom: 2px solid var(--av-navy);\n            transform: rotate(45deg);\n            margin-top: -4px;\n            opacity: 0.75;\n            transition: 0.2s ease;\n        }\n\n        .country-select.is-open .country-arrow {\n            transform: rotate(-135deg);\n            margin-top: 4px;\n            opacity: 1;\n        }\n\n        .country-menu {\n            position: absolute;\n            top: calc(100% + 8px);\n            left: 0;\n            width: 310px;\n            max-width: min(310px, 88vw);\n            background: #ffffff;\n            border: 1px solid #dce3ef;\n            border-radius: 14px;\n            box-shadow: 0 22px 55px rgba(3, 21, 64, 0.18);\n            padding: 10px;\n            z-index: 9999;\n            display: none;\n        }\n\n        .country-select.is-open .country-menu {\n            display: block;\n            animation: avDropdown 0.18s ease both;\n        }\n\n        .country-search-wrap {\n            margin-bottom: 8px;\n        }\n\n        .country-search {\n            width: 100%;\n            border-radius: 10px !important;\n            padding: 10px 12px !important;\n            font-size: 13px !important;\n        }\n\n        .country-options {\n            max-height: 230px;\n            overflow-y: auto;\n            padding-right: 4px;\n        }\n\n        .country-option {\n            width: 100%;\n            border: none;\n            background: transparent;\n            color: var(--av-text);\n            text-align: left;\n            padding: 9px 10px;\n            border-radius: 9px;\n            cursor: pointer;\n            font-size: 14px;\n            transition: 0.16s ease;\n        }\n\n        .country-option:hover,\n        .country-option.is-selected {\n            background: #eef4ff;\n            color: var(--av-blue);\n        }\n\n        .hero-form button[type=\"submit\"] {\n            width: 100%;\n            border: none;\n            border-radius: 13px;\n            min-height: 46px;\n            padding: 0 22px;\n            background: var(--av-blue);\n            color: var(--av-white);\n            font-size: 15px;\n            font-weight: 900;\n            cursor: pointer;\n            transition: 0.25s ease;\n            box-shadow: 0 14px 34px rgba(0,57,204,0.28);\n        }\n\n        .hero-form button[type=\"submit\"]:hover {\n            transform: translateY(-2px);\n            background: var(--av-navy);\n        }\n\n        .brand-slider-section {\n            padding: 96px 0 90px;\n            background: #ffffff !important;\n            overflow: hidden;\n        }\n\n        .brand-section-header {\n            max-width: 820px;\n            margin: 0 auto 46px;\n            text-align: center;\n        }\n\n        .brand-section-header span,\n        .section-header span {\n            display: inline-flex;\n            margin-bottom: 14px;\n            color: var(--av-blue);\n            font-size: 14px;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n        }\n\n        .brand-section-header h2,\n        .section-header h2 {\n            margin: 0;\n            color: var(--av-navy);\n            font-size: clamp(34px, 4vw, 52px);\n            line-height: 1.12;\n            font-weight: 900;\n            letter-spacing: -1.3px;\n        }\n\n        .brand-marquee {\n            width: 100%;\n            overflow: hidden;\n            margin: 0;\n            background: transparent !important;\n            mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\n            -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\n        }\n\n        .brand-track {\n            display: flex;\n            width: max-content;\n            gap: 26px;\n            align-items: center;\n            background: transparent !important;\n            animation: scrollLeft 38s linear infinite;\n        }\n\n        .brand-logo-card {\n            width: 230px;\n            height: 108px;\n            flex: 0 0 230px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid #dce6f5;\n            border-radius: 22px;\n            background: #ffffff !important;\n            overflow: hidden;\n            padding: 20px;\n            box-shadow: 0 14px 40px rgba(3, 21, 64, 0.045);\n            transition: 0.25s ease;\n            position: relative;\n        }\n\n        .brand-logo-card img {\n            width: 100%;\n            height: 100%;\n            max-width: 174px;\n            max-height: 62px;\n            object-fit: contain;\n            filter: none !important;\n            opacity: 1 !important;\n        }\n\n        .brand-logo-card.logo-wide img {\n            max-width: 185px;\n            max-height: 62px;\n        }\n\n        .brand-logo-card.logo-square img {\n            max-width: 92px;\n            max-height: 92px;\n            transform: scale(1.18);\n        }\n\n        .brand-logo-card.logo-dark {\n            background: #031540 !important;\n        }\n\n        .brand-logo-fallback {\n            display: none;\n            color: var(--av-navy);\n            font-size: 17px;\n            font-weight: 900;\n            text-align: center;\n        }\n\n        .brand-logo-card.logo-dark .brand-logo-fallback {\n            color: #ffffff;\n        }\n\n        .brand-logo-card.has-broken-logo img,\n        .brand-logo-card.force-fallback img {\n            display: none !important;\n        }\n\n        .brand-logo-card.has-broken-logo .brand-logo-fallback,\n        .brand-logo-card.force-fallback .brand-logo-fallback {\n            display: block !important;\n        }\n\n        .services-section {\n            position: relative;\n            padding: 104px 0;\n            background:\n                radial-gradient(circle at 16% 14%, rgba(0,57,204,0.055), transparent 30%),\n                linear-gradient(180deg, #f7f9ff 0%, #eef3fb 100%);\n            overflow: hidden;\n        }\n\n        .section-header {\n            position: relative;\n            z-index: 2;\n            max-width: 780px;\n            margin: 0 auto 56px;\n            text-align: center;\n        }\n\n        .section-header h2 {\n            margin-bottom: 18px;\n        }\n\n        .section-header p {\n            margin: 0 auto;\n            max-width: 660px;\n            color: var(--av-muted);\n            font-size: 17px;\n            line-height: 1.75;\n        }\n\n        .services-grid {\n            position: relative;\n            z-index: 2;\n            display: grid !important;\n            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n            column-gap: 28px !important;\n            row-gap: 20px !important;\n            align-items: start !important;\n            overflow: visible !important;\n        }\n\n        .service-card {\n            position: relative;\n            min-height: 238px;\n            height: auto !important;\n            border-radius: 24px;\n            padding: 1px;\n            margin: 0 !important;\n            background: linear-gradient(135deg, rgba(0,57,204,0.32), rgba(220,230,245,0.9) 42%, rgba(3,21,64,0.13));\n            box-shadow: 0 18px 48px rgba(3, 21, 64, 0.07);\n            opacity: 0;\n            animation: serviceCardIn 0.7s ease forwards;\n            animation-delay: var(--delay);\n            transition: transform 0.32s ease, box-shadow 0.32s ease;\n        }\n\n        .service-card-inner {\n            position: relative;\n            height: 100%;\n            min-height: 236px;\n            padding: 22px 22px 20px;\n            border-radius: 23px;\n            background:\n                radial-gradient(circle at 18% 0%, rgba(0,57,204,0.09), transparent 34%),\n                linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.93));\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .service-card-inner::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 26px;\n            right: 26px;\n            height: 3px;\n            border-radius: 999px;\n            background: linear-gradient(90deg, transparent, var(--av-blue), transparent);\n            opacity: 0.62;\n        }\n\n        .service-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 28px 70px rgba(3, 21, 64, 0.13);\n        }\n\n        .service-icon {\n            position: relative;\n            z-index: 2;\n            width: 48px;\n            height: 48px;\n            flex: 0 0 48px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 18px;\n            border-radius: 16px;\n            background:\n                radial-gradient(circle at 30% 20%, rgba(255,255,255,0.28), transparent 35%),\n                linear-gradient(135deg, var(--av-blue), var(--av-navy));\n            color: var(--av-white);\n            box-shadow:\n                0 14px 28px rgba(3,21,64,0.20),\n                0 0 0 7px rgba(255,255,255,0.72);\n        }\n\n        .service-icon svg {\n            width: 22px;\n            height: 22px;\n            stroke: currentColor;\n            stroke-width: 2;\n            fill: none;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        .service-card-body {\n            position: relative;\n            z-index: 2;\n            flex: 1;\n        }\n\n        .service-card h3 {\n            margin: 0 0 10px;\n            font-size: 19px;\n            line-height: 1.25;\n            font-weight: 900;\n            color: var(--av-navy);\n        }\n\n        .service-card p {\n            margin: 0;\n            color: var(--av-muted);\n            font-size: 14px;\n            line-height: 1.55;\n        }\n\n        .service-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 7px;\n            margin-top: 16px;\n            padding-right: 42px;\n        }\n\n        .service-tags span {\n            display: inline-flex;\n            align-items: center;\n            min-height: 26px;\n            padding: 0 9px;\n            border-radius: 999px;\n            background: rgba(0,57,204,0.055);\n            border: 1px solid rgba(0,57,204,0.13);\n            color: var(--av-navy);\n            font-size: 11px;\n            font-weight: 850;\n        }\n\n        .service-card-arrow {\n            position: absolute;\n            right: 20px;\n            bottom: 18px;\n            width: 32px;\n            height: 32px;\n            border-radius: 999px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(0,57,204,0.085);\n            border: 1px solid rgba(0,57,204,0.16);\n            color: var(--av-blue);\n            font-size: 16px;\n            font-weight: 900;\n            transition: 0.32s ease;\n            z-index: 3;\n        }\n\n        .service-card:hover .service-card-arrow {\n            background: var(--av-blue);\n            color: #ffffff;\n            transform: translateX(3px);\n        }\n\n        @keyframes scrollLeft {\n            from { transform: translateX(0); }\n            to { transform: translateX(-25%); }\n        }\n\n        @keyframes serviceCardIn {\n            from {\n                opacity: 0;\n                transform: translateY(14px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes avFadeUp {\n            from {\n                opacity: 0;\n                transform: translateY(24px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes avFadeDown {\n            from {\n                opacity: 0;\n                transform: translateY(-16px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes avFloat {\n            0%, 100% {\n                transform: translate3d(0, 0, 0) scale(1);\n            }\n            50% {\n                transform: translate3d(24px, -18px, 0) scale(1.06);\n            }\n        }\n\n        @keyframes avDropdown {\n            from {\n                opacity: 0;\n                transform: translateY(-4px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @media (max-width: 1280px) {\n            .home-container {\n                width: min(1180px, 92%) !important;\n            }\n\n            .home-hero {\n                padding-top: 68px;\n                padding-bottom: 34px;\n            }\n\n            .hero-grid {\n                grid-template-columns: minmax(0, 1fr) 560px;\n                gap: 48px;\n            }\n\n            .hero-content {\n                padding-top: 28px;\n                min-height: calc(100vh - 138px);\n            }\n\n            .hero-content h1 {\n                font-size: clamp(40px, 4vw, 54px);\n            }\n\n            .hero-content p {\n                font-size: 14.5px;\n                line-height: 1.55;\n            }\n\n            .custom-logo img {\n                height: 40px;\n                max-width: 300px;\n            }\n\n            .hero-form-wrap {\n                max-width: 560px;\n                padding: 20px 22px;\n                margin-top: 26px;\n            }\n\n            .services-grid {\n                column-gap: 24px !important;\n                row-gap: 20px !important;\n            }\n        }\n\n        @media (max-width: 1100px) {\n            .home-hero {\n                min-height: auto;\n                padding: 108px 0 70px;\n                overflow: hidden;\n            }\n\n            .hero-grid {\n                grid-template-columns: 1fr;\n                gap: 36px;\n            }\n\n            .hero-content {\n                max-width: 850px;\n                min-height: auto;\n                padding-top: 0;\n            }\n\n            .hero-actions {\n                margin-top: 30px;\n                padding-bottom: 0;\n            }\n\n            .hero-form-wrap {\n                max-width: 720px;\n                justify-self: start;\n                margin-top: 0;\n            }\n\n            .services-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                row-gap: 20px !important;\n            }\n        }\n\n        @media (max-width: 700px) {\n            .av-cursor-dot,\n            .av-cursor-glow {\n                display: none !important;\n            }\n\n            .custom-header {\n                padding: 18px 0 0;\n            }\n\n            .custom-logo img {\n                height: 34px;\n                max-width: 225px;\n            }\n\n            .home-hero {\n                padding: 86px 0 56px;\n                background-position: bottom center;\n            }\n\n            .hero-content h1 {\n                letter-spacing: -1.2px;\n                font-size: 37px;\n                margin-top: 20px;\n            }\n\n            .hero-content p {\n                font-size: 16px;\n                line-height: 1.65;\n                margin-top: 25px;\n            }\n\n            .hero-actions {\n                align-items: stretch;\n                flex-direction: column;\n            }\n\n            .primary-btn,\n            .secondary-btn {\n                width: 100%;\n            }\n\n            .hero-form-wrap {\n                padding: 20px;\n                border-radius: 20px;\n            }\n\n            .hero-form-wrap h2 {\n                font-size: 27px;\n            }\n\n            .form-row-half,\n            .phone-field {\n                grid-template-columns: 1fr;\n            }\n\n            .country-menu {\n                width: 100%;\n                max-width: 100%;\n            }\n\n            .brand-slider-section {\n                padding: 74px 0 66px;\n            }\n\n            .brand-section-header h2,\n            .section-header h2 {\n                font-size: 34px;\n            }\n\n            .brand-logo-card {\n                width: 172px;\n                height: 86px;\n                flex-basis: 172px;\n                padding: 16px;\n            }\n\n            .services-section {\n                padding: 74px 0;\n            }\n\n            .services-grid {\n                grid-template-columns: 1fr !important;\n                row-gap: 20px !important;\n            }\n\n            .service-card,\n            .service-card-inner {\n                min-height: auto;\n            }\n\n            .service-card-inner {\n                padding: 24px;\n            }\n\n            .service-card h3 {\n                font-size: 20px;\n            }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const countrySelects = document.querySelectorAll('[data-country-select]');\n\n            countrySelects.forEach(function (selectBox) {\n                const trigger = selectBox.querySelector('[data-country-trigger]');\n                const current = selectBox.querySelector('[data-country-current]');\n                const hiddenInput = selectBox.querySelector('[data-country-input]');\n                const searchInput = selectBox.querySelector('[data-country-search]');\n                const options = selectBox.querySelectorAll('[data-country-option]');\n\n                trigger.addEventListener('click', function (event) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    document.querySelectorAll('[data-country-select].is-open').forEach(function (openBox) {\n                        if (openBox !== selectBox) {\n                            openBox.classList.remove('is-open');\n                        }\n                    });\n\n                    selectBox.classList.toggle('is-open');\n\n                    if (selectBox.classList.contains('is-open')) {\n                        setTimeout(function () {\n                            searchInput.focus();\n                        }, 50);\n                    }\n                });\n\n                options.forEach(function (option) {\n                    if (option.getAttribute('data-country-option') === 'Pakistan') {\n                        option.classList.add('is-selected');\n                    }\n\n                    option.addEventListener('click', function (event) {\n                        event.preventDefault();\n\n                        const value = option.getAttribute('data-country-option');\n\n                        current.textContent = value;\n                        hiddenInput.value = value;\n\n                        options.forEach(function (item) {\n                            item.classList.remove('is-selected');\n                        });\n\n                        option.classList.add('is-selected');\n                        selectBox.classList.remove('is-open');\n\n                        searchInput.value = '';\n\n                        options.forEach(function (item) {\n                            item.style.display = 'block';\n                        });\n                    });\n                });\n\n                searchInput.addEventListener('input', function () {\n                    const term = searchInput.value.toLowerCase().trim();\n\n                    options.forEach(function (option) {\n                        const text = option.textContent.toLowerCase();\n                        option.style.display = text.indexOf(term) !== -1 ? 'block' : 'none';\n                    });\n                });\n            });\n\n            document.addEventListener('click', function () {\n                document.querySelectorAll('[data-country-select].is-open').forEach(function (selectBox) {\n                    selectBox.classList.remove('is-open');\n                });\n            });\n\n            document.querySelectorAll('.country-menu').forEach(function (menu) {\n                menu.addEventListener('click', function (event) {\n                    event.stopPropagation();\n                });\n            });\n\n            document.querySelectorAll('.brand-logo-card img').forEach(function (img) {\n                img.addEventListener('error', function () {\n                    const card = img.closest('.brand-logo-card');\n                    if (card) {\n                        card.classList.add('has-broken-logo');\n                    }\n                });\n            });\n\n            const dot = document.querySelector('.av-cursor-dot');\n            const glow = document.querySelector('.av-cursor-glow');\n\n            if (dot && glow && window.matchMedia('(pointer: fine)').matches) {\n                \/* Move cursor elements to body so parent transform does not offset the cursor *\/\n                if (dot.parentElement !== document.body) {\n                    document.body.appendChild(dot);\n                }\n\n                if (glow.parentElement !== document.body) {\n                    document.body.appendChild(glow);\n                }\n\n                let mouseX = -120;\n                let mouseY = -120;\n                let dotX = -120;\n                let dotY = -120;\n                let glowX = -120;\n                let glowY = -120;\n                let hasMoved = false;\n\n                function moveElement(element, x, y) {\n                    element.style.transform = 'translate3d(' + x + 'px, ' + y + 'px, 0) translate(-50%, -50%)';\n                }\n\n                window.addEventListener('mousemove', function (event) {\n                    mouseX = event.clientX;\n                    mouseY = event.clientY;\n\n                    if (!hasMoved) {\n                        hasMoved = true;\n                        document.body.classList.add('av-cursor-active');\n                    }\n                }, { passive: true });\n\n                window.addEventListener('mouseleave', function () {\n                    document.body.classList.remove('av-cursor-active');\n                });\n\n                window.addEventListener('mouseenter', function () {\n                    if (hasMoved) {\n                        document.body.classList.add('av-cursor-active');\n                    }\n                });\n\n                function animateCursor() {\n                    dotX += (mouseX - dotX) * 0.55;\n                    dotY += (mouseY - dotY) * 0.55;\n                    glowX += (mouseX - glowX) * 0.18;\n                    glowY += (mouseY - glowY) * 0.18;\n\n                    moveElement(dot, dotX, dotY);\n                    moveElement(glow, glowX, glowY);\n\n                    requestAnimationFrame(animateCursor);\n                }\n\n                animateCursor();\n\n                const hoverItems = document.querySelectorAll('a, button, input, textarea, select, .service-card, .brand-logo-card');\n\n                hoverItems.forEach(function (item) {\n                    item.addEventListener('mouseenter', function () {\n                        document.body.classList.add('av-cursor-hover');\n                    });\n\n                    item.addEventListener('mouseleave', function () {\n                        document.body.classList.remove('av-cursor-hover');\n                    });\n                });\n            }\n        });\n    <\/script>\n\n    \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":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arkadasvenner.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arkadasvenner.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arkadasvenner.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arkadasvenner.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arkadasvenner.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":3,"href":"https:\/\/arkadasvenner.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/arkadasvenner.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/arkadasvenner.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}