{"id":6766,"date":"2025-12-12T20:23:00","date_gmt":"2025-12-12T20:23:00","guid":{"rendered":"https:\/\/realshahzaib.com\/wordpress\/?page_id=6766"},"modified":"2025-12-21T12:55:02","modified_gmt":"2025-12-21T12:55:02","slug":"elementor-6766","status":"publish","type":"page","link":"https:\/\/realshahzaib.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6766\" class=\"elementor elementor-6766\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8609db2 e-flex e-con-boxed e-con e-parent\" data-id=\"8609db2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f7b6ea8 e-con-full e-flex e-con e-child\" data-id=\"f7b6ea8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bdcd01 elementor-widget elementor-widget-html\" data-id=\"8bdcd01\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GOOGLE FONT: POPPINS -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ================= BASE ================= *\/\r\n.hero-left {\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* ================= ANIMATIONS ================= *\/\r\n@keyframes fadeDown {\r\n  from { opacity: 0; transform: translateY(-18px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes slideFromRight {\r\n  from { opacity: 0; transform: translateX(40px); }\r\n  to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n\/* ================= BADGE ================= *\/\r\n.hero-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(90deg, #FF7A00, #FF9900, #FF4D00);\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  padding: 6px 16px;\r\n  border-radius: 30px;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 18px;\r\n  box-shadow: 0 6px 18px rgba(255,153,0,0.35);\r\n  animation: fadeDown 0.9s ease forwards;\r\n}\r\n\r\n\/* ================= HEADING ================= *\/\r\n.hero-heading {\r\n  font-size: 56px;\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  background: linear-gradient(90deg, #FF7A00, #FF9900, #FF4D00);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin: 10px 0 20px 0;\r\n  animation: slideFromRight 1s ease forwards;\r\n  animation-delay: 0.2s;\r\n  opacity: 0;\r\n}\r\n\r\n\/* ================= DESCRIPTION ================= *\/\r\n.hero-desc {\r\n  font-size: 16px;\r\n  color: #4B5563;\r\n  line-height: 1.7;\r\n  max-width: 520px;\r\n  margin-bottom: 32px;\r\n  animation: slideFromRight 1s ease forwards;\r\n  animation-delay: 0.4s;\r\n  opacity: 0;\r\n}\r\n\r\n\/* ================= BUTTON ================= *\/\r\n.hero-btn {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #FF7A00, #FF9900, #FF4D00);\r\n  color: #ffffff;\r\n  padding: 16px 34px;\r\n  border-radius: 50px;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: all 0.35s ease;\r\n  box-shadow: 0 10px 30px rgba(255,153,0,0.45);\r\n  animation: slideFromRight 1s ease forwards;\r\n  animation-delay: 0.6s;\r\n  opacity: 0;\r\n}\r\n\r\n.hero-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 16px 40px rgba(255,153,0,0.55);\r\n}\r\n\r\n\/* ================= CLIENT TEXT ================= *\/\r\n.hero-clients {\r\n  margin-top: 30px;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #FF9900;\r\n  animation: slideFromRight 1s ease forwards;\r\n  animation-delay: 0.8s;\r\n  opacity: 0;\r\n}\r\n\r\n\/* ================= MOBILE ================= *\/\r\n@media (max-width: 768px) {\r\n\r\n  .hero-left {\r\n    text-align: center;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .hero-badge {\r\n    margin: 0 auto 16px auto;\r\n    font-size: 11px;\r\n    padding: 6px 14px;\r\n  }\r\n\r\n  .hero-heading {\r\n    font-size: 32px;\r\n    line-height: 1.2;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .hero-desc {\r\n    font-size: 14.5px;\r\n    line-height: 1.6;\r\n    max-width: 320px;\r\n    margin: 0 auto 24px auto;\r\n  }\r\n\r\n  .hero-btn {\r\n    padding: 14px 28px;\r\n    font-size: 14px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .hero-clients {\r\n    margin-top: 18px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .hero-heading,\r\n  .hero-desc,\r\n  .hero-btn,\r\n  .hero-clients {\r\n    animation-duration: 0.7s;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hero-left\">\r\n\r\n  <div class=\"hero-badge\">\r\n    PERFORMANCE-DRIVEN GROWTH PARTNERS\r\n  <\/div>\r\n\r\n  <h1 class=\"hero-heading\">\r\n    Performance Marketing &<br>\r\n    Conversion-Focused Web Development\r\n  <\/h1>\r\n\r\n  <p class=\"hero-desc\">\r\n    We help ecommerce and service brands grow profitably through paid advertising\r\n    and high-converting websites. Focused execution. Measurable results.\r\n  <\/p>\r\n\r\n  <a \r\n    href=\"https:\/\/wa.me\/923390084791?text=Hi%2C%20I%E2%80%99m%20interested%20in%20discussing%20a%20strategy%20call%20for%20performance%20marketing%20and%20conversion-focused%20web%20development.\"\r\n    target=\"_blank\"\r\n    class=\"hero-btn\"\r\n  >\r\n    Request a Strategy Call \u2192\r\n  <\/a>\r\n\r\n  <div class=\"hero-clients\">\r\n    Working with a limited number of clients at a time.\r\n  <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4827d87 e-con-full e-flex e-con e-child\" data-id=\"4827d87\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-975994a elementor-widget elementor-widget-html\" data-id=\"975994a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FONT AWESOME ICONS -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* ================= WRAPPER ================= *\/\r\n.hero-image-wrap {\r\n  position: relative;\r\n  width: 500px;\r\n  height: 500px;\r\n  margin: auto;\r\n}\r\n\r\n\/* ================= DOTTED CIRCLE ================= *\/\r\n.hero-dotted {\r\n  position: absolute;\r\n  inset: 0;\r\n  border: 2px dashed #D1D5DB;\r\n  border-radius: 50%;\r\n}\r\n\r\n\/* ================= OUTER GRADIENT CIRCLE ================= *\/\r\n.hero-circle-outer {\r\n  position: absolute;\r\n  inset: 40px;\r\n  background: linear-gradient(135deg, #FF7A00, #FF9900);\r\n  border-radius: 50%;\r\n  box-shadow:\r\n    0 0 0 22px rgba(255,153,0,0.15),\r\n    0 0 80px rgba(255,153,0,0.45);\r\n}\r\n\r\n\/* ================= INNER CIRCLE ================= *\/\r\n.hero-circle-inner {\r\n  position: absolute;\r\n  inset: 90px 80px 70px 80px;\r\n  background: radial-gradient(circle at top, #FFE6C7, #FFB347);\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ================= HERO IMAGE ================= *\/\r\n.hero-person {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  width: 90%;\r\n  height: 100%;\r\n  transform: translateX(-50%);\r\n  object-fit: contain;\r\n  object-position: top center;\r\n  filter: brightness(1.05) contrast(1.05);\r\n}\r\n\r\n\/* ================= SOCIAL ICONS ================= *\/\r\n.social-icon {\r\n  position: absolute;\r\n  width: 46px;\r\n  height: 46px;\r\n  border-radius: 50%;\r\n  display: grid;\r\n  place-items: center;\r\n  background: #ffffff;\r\n  font-size: 22px;\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n\/* ICON POSITIONS *\/\r\n.fb { top: 0%; left: 50%; color: #1877F2; }\r\n.yt { top: 50%; left: 0%; color: #FF0000; }\r\n.ig { top: 50%; left: 100%; color: #E1306C; }\r\n.tk { top: 85%; left: 25%; color: #000000; }\r\n.gg { top: 85%; left: 75%; color: #4285F4; }\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media(max-width:768px){\r\n  .hero-image-wrap {\r\n    width: 320px;\r\n    height: 320px;\r\n  }\r\n\r\n  .hero-circle-inner {\r\n    inset: 65px 55px 50px 55px;\r\n  }\r\n\r\n  .hero-person {\r\n    width: 95%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hero-image-wrap\">\r\n\r\n  <div class=\"hero-dotted\"><\/div>\r\n  <div class=\"hero-circle-outer\"><\/div>\r\n\r\n  <!-- INNER CIRCLE WITH IMAGE -->\r\n  <div class=\"hero-circle-inner\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/realshahzaib.com\/wordpress\/wp-content\/uploads\/2025\/12\/IMG_3508-scaled-e1766180868448.png\"\r\n      class=\"hero-person\"\r\n    >\r\n  <\/div>\r\n\r\n  <!-- SOCIAL ICONS -->\r\n  <div class=\"social-icon fb\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/div>\r\n  <div class=\"social-icon yt\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n  <div class=\"social-icon ig\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n  <div class=\"social-icon tk\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n  <div class=\"social-icon gg\"><i class=\"fa-brands fa-google\"><\/i><\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\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-c810725 e-con-full e-flex e-con e-parent\" data-id=\"c810725\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1f2bdd elementor-widget elementor-widget-html\" data-id=\"a1f2bdd\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.feature-wrap {\r\n  max-width: 1200px;\r\n  margin: 100px auto 0;\r\n  padding: 0 20px;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.feature-box {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  background: linear-gradient(90deg, #FF8A00, #FF9900, #FF8A00);\r\n  border-radius: 28px;\r\n  padding: 24px;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* NORMAL CARDS *\/\r\n.feature-card {\r\n  color: #ffffff;\r\n  padding: 32px 26px;\r\n  position: relative;\r\n}\r\n\r\n\/* ICON *\/\r\n.feature-icon {\r\n  font-size: 28px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.feature-card h4 {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.feature-card p {\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  opacity: 0.95;\r\n}\r\n\r\n\/* DIVIDERS *\/\r\n.feature-card:not(:last-child)::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 0;\r\n  top: 20%;\r\n  height: 60%;\r\n  width: 1px;\r\n  background: rgba(255,255,255,0.35);\r\n}\r\n\r\n\/* ================= CENTER CARD ================= *\/\r\n.feature-card.highlight {\r\n  background: linear-gradient(180deg, #FF5E00, #FF9900);\r\n  border-radius: 20px;\r\n  padding: 44px 26px;\r\n  box-shadow: 0 18px 40px rgba(255,153,0,0.45);\r\n  z-index: 1;\r\n}\r\n\r\n.feature-card.highlight::after {\r\n  display: none;\r\n}\r\n\r\n\/* ================= MOBILE ================= *\/\r\n@media (max-width: 1024px) {\r\n  .feature-box {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .feature-box {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .feature-card {\r\n    text-align: center;\r\n  }\r\n\r\n  .feature-card::after {\r\n    display: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"feature-wrap\">\r\n  <div class=\"feature-box\">\r\n\r\n    <div class=\"feature-card\">\r\n      <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n      <h4>Clear Scope<\/h4>\r\n      <p>\r\n        We focus only on paid advertising and website development \u2014 no bloated\r\n        service lists or unnecessary distractions.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"feature-card\">\r\n      <div class=\"feature-icon\">\u2699\ufe0f<\/div>\r\n      <h4>Execution-Driven<\/h4>\r\n      <p>\r\n        Campaigns are built, tested, and optimized weekly based on real performance\r\n        data \u2014 not assumptions.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- CENTER CARD -->\r\n    <div class=\"feature-card highlight\">\r\n      <div class=\"feature-icon\">\ud83d\udcca<\/div>\r\n      <h4>Transparent Reporting<\/h4>\r\n      <p>\r\n        You know what\u2019s working, what\u2019s not, and what\u2019s being improved \u2014 clearly,\r\n        consistently, and without guesswork.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"feature-card\">\r\n      <div class=\"feature-icon\">\ud83d\ude80<\/div>\r\n      <h4>Focused Growth<\/h4>\r\n      <p>\r\n        Every decision is aligned with profitability, scalability, and long-term\r\n        business growth.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4895952 e-flex e-con-boxed e-con e-parent\" data-id=\"4895952\" 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-6ed2e15 elementor-widget elementor-widget-html\" data-id=\"6ed2e15\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n.about-wrap{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:80px;\r\n  max-width:1200px;\r\n  margin:auto;\r\n  padding:80px 20px;\r\n  font-family:Poppins,sans-serif;\r\n}\r\n\r\n\/* IMAGE SIDE *\/\r\n.about-image{\r\n  position:relative;\r\n  width:420px;\r\n  height:420px;\r\n  flex-shrink:0;\r\n}\r\n\r\n\/* ORANGE CIRCLE *\/\r\n.about-circle{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(135deg,#FF7A00,#FF9900);\r\n  border-radius:50%;\r\n}\r\n\r\n\/* PERSON *\/\r\n.about-person-wrap{\r\n  position:absolute;\r\n  inset:0;\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:center;\r\n}\r\n\r\n.about-person{\r\n  width:78%;\r\n  height:auto;\r\n  object-fit:contain;\r\n}\r\n\r\n\/* GLASS TAGS *\/\r\n.about-stat{\r\n  position:absolute;\r\n  background:rgba(255,255,255,0.75);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  padding:12px 18px;\r\n  border-radius:14px;\r\n  box-shadow:0 12px 30px rgba(0,0,0,.15);\r\n  font-size:13px;\r\n  font-weight:600;\r\n  color:#FF7A00;\r\n  white-space:nowrap;\r\n}\r\n\r\n\/* DESKTOP POSITIONS *\/\r\n.stat-engage{\r\n  top:70px;\r\n  left:-30px;\r\n}\r\n\r\n.stat-growth{\r\n  bottom:40px;\r\n  right:-30px;\r\n}\r\n\r\n.stat-clients{\r\n  display:none;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.about-content{\r\n  max-width:560px;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.about-text{\r\n  font-size:16px;\r\n  line-height:1.8;\r\n  color:#4B5563;\r\n  margin-bottom:16px;\r\n}\r\n\r\n\/* CTA *\/\r\n.about-btn{\r\n  display:inline-block;\r\n  margin-top:20px;\r\n  padding:12px 26px;\r\n  border-radius:50px;\r\n  background:linear-gradient(135deg,#FF7A00,#FF9900);\r\n  color:#fff;\r\n  font-weight:600;\r\n  font-size:14px;\r\n  text-decoration:none;\r\n  width:max-content;\r\n}\r\n\r\n\/* ================= MOBILE ================= *\/\r\n@media(max-width:900px){\r\n\r\n  .about-wrap{\r\n    flex-direction:column;\r\n    text-align:center;\r\n    gap:40px;\r\n  }\r\n\r\n  .about-image{\r\n    width:300px;\r\n    height:300px;\r\n  }\r\n\r\n  .about-content{\r\n    align-items:center;\r\n  }\r\n\r\n  \/* Shahzaib Azeem \u2014 more right + down *\/\r\n  .stat-engage{\r\n    top:35px;\r\n    right:-20px;\r\n    left:auto;\r\n    font-size:12px;\r\n  }\r\n\r\n  \/* Performance Marketer \u2014 left middle *\/\r\n  .stat-growth{\r\n    display:block;\r\n    top:50%;\r\n    left:-20px;\r\n    right:auto;\r\n    bottom:auto;\r\n    transform:translateY(-50%);\r\n    font-size:12px;\r\n  }\r\n\r\n  \/* Hide extra mobile tag *\/\r\n  .stat-clients{\r\n    display:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"about-wrap\">\r\n\r\n  <!-- IMAGE -->\r\n  <div class=\"about-image\">\r\n    <div class=\"about-circle\"><\/div>\r\n\r\n    <div class=\"about-person-wrap\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/realshahzaib.com\/wordpress\/wp-content\/uploads\/2025\/12\/IMG_3508-scaled.png\"\r\n        alt=\"Real Shahzaib\"\r\n        class=\"about-person\">\r\n    <\/div>\r\n\r\n    <!-- TAGS -->\r\n    <div class=\"about-stat stat-engage\">Shahzaib Azeem<\/div>\r\n    <div class=\"about-stat stat-growth\">Performance Marketer<\/div>\r\n  <\/div>\r\n\r\n  <!-- CONTENT -->\r\n  <div class=\"about-content\">\r\n\r\n    <p class=\"about-text\">\r\n      Real Shahzaib Agency works with growing companies and established brands to\r\n      drive measurable results through paid advertising and conversion-focused\r\n      website development.\r\n    <\/p>\r\n\r\n    <p class=\"about-text\">\r\n      We selectively support early-stage businesses with strong fundamentals and\r\n      realistic growth goals, prioritizing clarity and accountability.\r\n    <\/p>\r\n\r\n    <p class=\"about-text\">\r\n      Our work is led by senior strategists and executed by a focused team \u2014\r\n      staying hands-on and consistent in quality.\r\n    <\/p>\r\n\r\n    <a\r\n      href=\"https:\/\/realshahzaib.com\/index.php\/elementor-page-7052\/\"\r\n      class=\"about-btn\">\r\n      About the Agency \u2192\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\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-f2aa352 e-flex e-con-boxed e-con e-parent\" data-id=\"f2aa352\" 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-55d2917 elementor-widget elementor-widget-video\" data-id=\"55d2917\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtube.com\\\/shorts\\\/-_8v8SOjYRs?si=gIEXPgt4V1JRp9fA&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\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-6251f3b e-flex e-con-boxed e-con e-parent\" data-id=\"6251f3b\" 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-85634a3 elementor-widget elementor-widget-text-editor\" data-id=\"85634a3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h5><span style=\"color: #ff8400;\"><strong>Case studies available on request.<\/strong><\/span><\/h5>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c16cb75 e-grid e-con-full e-con e-child\" data-id=\"c16cb75\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5ec28f elementor-widget elementor-widget-image-carousel\" data-id=\"a5ec28f\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;slides_to_show_mobile&quot;:&quot;3&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:29,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2348-150x150.png\" alt=\"IMG_2348\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2343-150x150.jpg\" alt=\"IMG_2343\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2346-150x150.png\" alt=\"IMG_2346\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2342-150x150.png\" alt=\"IMG_2342\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2335-150x150.png\" alt=\"IMG_2335\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2651-150x150.png\" alt=\"IMG_2651\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2935f6 elementor-widget elementor-widget-image-carousel\" data-id=\"d2935f6\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;slides_to_show_mobile&quot;:&quot;3&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:29,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2340-150x150.png\" alt=\"IMG_2340\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2327-150x150.png\" alt=\"IMG_2327\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2329-150x150.png\" alt=\"IMG_2329\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2321-150x150.jpg\" alt=\"IMG_2321\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/realshahzaib.com\/wp-content\/uploads\/2025\/12\/IMG_2335-150x150.png\" alt=\"IMG_2335\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-105aed9 e-con-full e-flex e-con e-parent\" data-id=\"105aed9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e27880 elementor-widget elementor-widget-html\" data-id=\"1e27880\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FONT AWESOME ICONS -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n.ref-services {\r\n  background: radial-gradient(circle at top left, #1A1A1A, #0A0A0A);\r\n  padding: 90px 20px;\r\n  font-family: \"Poppins\", sans-serif;\r\n}\r\n\r\n.ref-services .container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  text-align: center;\r\n}\r\n\r\n.ref-services .badge {\r\n  display: inline-block;\r\n  background: #FF8902;\r\n  color: #fff;\r\n  padding: 6px 18px;\r\n  border-radius: 30px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.ref-services h2 {\r\n  font-size: 38px;\r\n  color: #fff;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.ref-services .subtitle {\r\n  color: #CFCFCF;\r\n  max-width: 720px;\r\n  margin: auto;\r\n  margin-bottom: 60px;\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.ref-services .grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 35px;\r\n  max-width: 900px;\r\n  margin: auto;\r\n}\r\n\r\n\/* ================= CARD ================= *\/\r\n.ref-services .card {\r\n  background: #FFFFFF;\r\n  border-radius: 20px;\r\n  padding: 42px 38px;\r\n  text-align: left;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 18px 45px rgba(0,0,0,0.28);\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n\/* ===== FULL ORANGE SWIPE BAR ===== *\/\r\n.ref-services .card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #FF8902;\r\n  transition: transform 0.55s ease;\r\n  transform: translateX(0);\r\n  z-index: 0;\r\n}\r\n\r\n\/* ===== SWIPE LEFT \u2192 RIGHT ===== *\/\r\n.ref-services .card:hover::before {\r\n  transform: translateX(100%);\r\n}\r\n\r\n\/* KEEP CONTENT ABOVE ORANGE *\/\r\n.ref-services .card * {\r\n  position: relative;\r\n  z-index: 1;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n\/* CARD LIFT *\/\r\n.ref-services .card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 30px 65px rgba(255,137,2,0.45);\r\n}\r\n\r\n\/* ICON *\/\r\n.ref-services .icon {\r\n  font-size: 36px;\r\n  color: #FF8902;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n\/* TITLE *\/\r\n.ref-services .card h3 {\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  color: #FF8902;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.ref-services .card p {\r\n  font-size: 15px;\r\n  color: #555;\r\n  line-height: 1.75;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* LINK *\/\r\n.ref-services .card a {\r\n  color: #777;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n}\r\n\r\n\/* ===== TEXT COLOR CHANGE ON HOVER ===== *\/\r\n.ref-services .card:hover h3,\r\n.ref-services .card:hover p,\r\n.ref-services .card:hover a,\r\n.ref-services .card:hover .icon {\r\n  color: #FFFFFF;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n  .ref-services .grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .ref-services h2 {\r\n    font-size: 30px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ref-services\">\r\n  <div class=\"container\">\r\n    <span class=\"badge\">OUR SERVICES<\/span>\r\n    <h2>Performance-Focused Services<\/h2>\r\n    <p class=\"subtitle\">\r\n      We offer a focused set of services designed to drive profitable growth\r\n      through paid acquisition and high-converting digital experiences.\r\n    <\/p>\r\n\r\n    <div class=\"grid\">\r\n\r\n      <!-- PERFORMANCE MARKETING -->\r\n      <div class=\"card\">\r\n        <div class=\"icon\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/div>\r\n        <h3>Performance Marketing<\/h3>\r\n        <p>\r\n          Paid advertising across Meta (Facebook & Instagram), Google Ads, and\r\n          TikTok \u2014 focused on acquisition efficiency, creative testing, and\r\n          scalable growth.\r\n        <\/p>\r\n        <a href=\"https:\/\/realshahzaib.com\/index.php\/facebook-ads\/\">Learn More \u2192<\/a>\r\n      <\/div>\r\n\r\n      <!-- WEBSITE DEVELOPMENT -->\r\n      <div class=\"card\">\r\n        <div class=\"icon\"><i class=\"fa-solid fa-code\"><\/i><\/div>\r\n        <h3>Website Development<\/h3>\r\n        <p>\r\n          High-performance websites built to support paid traffic, improve\r\n          conversions, and scale reliably with your business.\r\n        <\/p>\r\n        <a href=\"https:\/\/realshahzaib.com\/index.php\/test\/\">Learn More \u2192<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7590607 e-flex e-con-boxed e-con e-parent\" data-id=\"7590607\" 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-d8d291b elementor-widget elementor-widget-html\" data-id=\"d8d291b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;bounceInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ================= ACHIEVEMENTS SECTION ================= *\/\r\n.achievements {\r\n  padding: 100px 20px;\r\n  background: #ffffff;\r\n  font-family: \"Poppins\", sans-serif;\r\n}\r\n\r\n.achievements .container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n\/* ================= LEFT CONTENT ================= *\/\r\n.achievements h2 {\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  color: #1A1A1A;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.achievements p {\r\n  color: #666;\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  max-width: 520px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.brand-line {\r\n  font-weight: 500;\r\n  color: #FF8902;\r\n}\r\n\r\n\/* ================= RIGHT STATS ================= *\/\r\n.stats-wrapper {\r\n  position: relative;\r\n}\r\n\r\n.stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n\/* DOTTED CIRCLE *\/\r\n.stats-wrapper::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  margin: auto;\r\n  width: 320px;\r\n  height: 320px;\r\n  border: 2px dashed rgba(255,137,2,0.35);\r\n  border-radius: 50%;\r\n}\r\n\r\n\/* ================= STAT CARD ================= *\/\r\n.stat-box {\r\n  border-radius: 22px;\r\n  padding: 38px 24px;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 25px 55px rgba(0,0,0,0.28);\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.stat-box::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,0.18);\r\n  z-index: 0;\r\n}\r\n\r\n\/* ORANGE GRADIENT *\/\r\n.stat-box.orange {\r\n  background: linear-gradient(145deg, #FF9A2E, #FF6A00);\r\n}\r\n\r\n\/* DARK GRADIENT *\/\r\n.stat-box.dark {\r\n  background: linear-gradient(145deg, #1F1F1F, #000000);\r\n}\r\n\r\n\/* CONTENT ABOVE OVERLAY *\/\r\n.stat-box * {\r\n  position: relative;\r\n  z-index: 1;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* HOVER *\/\r\n.stat-box:hover {\r\n  transform: translateY(-10px) scale(1.03);\r\n  box-shadow: 0 40px 80px rgba(255,137,2,0.45);\r\n}\r\n\r\n\/* ================= CARD TYPOGRAPHY ================= *\/\r\n.stat-icon {\r\n  font-size: 34px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.stat-label {\r\n  font-size: 14.5px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  opacity: 0.95;\r\n}\r\n\r\n\/* ================= MOBILE ================= *\/\r\n@media (max-width: 768px) {\r\n\r\n  .achievements {\r\n    padding: 60px 16px;\r\n  }\r\n\r\n  .achievements .container {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n  .achievements h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .stats-wrapper::before {\r\n    display: none;\r\n  }\r\n\r\n  .stats-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .stat-box {\r\n    padding: 26px 18px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 12px 30px rgba(0,0,0,0.18);\r\n  }\r\n\r\n  .stat-icon {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .stat-label {\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"achievements\">\r\n  <div class=\"container\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div>\r\n      <h2>Built for Small Startups<\/h2>\r\n      <p>\r\n        RealShazaibAgency helps earlystage founders turn ideas into\r\n        real, working digital products  without the cost or complexity\r\n        of traditional agencies.\r\n      <\/p>\r\n      <p>\r\n        If you\u2019re launching your first startup, working with a small team,\r\n        or validating an MVP, we focus on clarity, speed, and results that\r\n        actually matter early on.\r\n      <\/p>\r\n      <p class=\"brand-line\">\r\n        RealShazaibAgency  your execution partner from launch to traction.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- RIGHT STATS -->\r\n    <div class=\"stats-wrapper\">\r\n      <div class=\"stats-grid\">\r\n\r\n        <div class=\"stat-box orange\">\r\n          <div class=\"stat-icon\">\r\n            <i class=\"fa-solid fa-rocket\"><\/i>\r\n          <\/div>\r\n          <div class=\"stat-label\">\r\n            Helping startups launch faster with clear positioning and\r\n            conversion focused design\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat-box dark\">\r\n          <div class=\"stat-icon\">\r\n            <i class=\"fa-solid fa-users\"><\/i>\r\n          <\/div>\r\n          <div class=\"stat-label\">\r\n            Built for founders and small teams \u2014 no big budgets required\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat-box dark\">\r\n          <div class=\"stat-icon\">\r\n            <i class=\"fa-solid fa-chart-line\"><\/i>\r\n          <\/div>\r\n          <div class=\"stat-label\">\r\n            Focused on early traction, validation, and sustainable growth\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat-box orange\">\r\n          <div class=\"stat-icon\">\r\n            <i class=\"fa-solid fa-handshake\"><\/i>\r\n          <\/div>\r\n          <div class=\"stat-label\">\r\n            Transparent pricing, honest strategy, and founder-first execution\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\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-a1bd6f5 e-con-full e-flex e-con e-parent\" data-id=\"a1bd6f5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11f9cb8 elementor-widget elementor-widget-html\" data-id=\"11f9cb8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ================= TESTIMONIALS ================= *\/\r\n.testimonials {\r\n  background: linear-gradient(135deg, #FFF6ED, #FFEADB, #FFF9F3);\r\n  padding: 90px 20px;\r\n  font-family: \"Poppins\", sans-serif;\r\n}\r\n\r\n.testimonials .container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n}\r\n\r\n\/* BADGE *\/\r\n.testimonials .badge {\r\n  display: inline-block;\r\n  background: #FF8902;\r\n  color: #fff;\r\n  padding: 6px 18px;\r\n  border-radius: 30px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\/* TITLE *\/\r\n.testimonials h2 {\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #1A1A1A;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* SCROLL *\/\r\n.testimonial-scroll {\r\n  display: flex;\r\n  gap: 22px;\r\n  overflow-x: auto;\r\n  padding-bottom: 14px;\r\n  scroll-snap-type: x mandatory;\r\n}\r\n\r\n.testimonial-scroll::-webkit-scrollbar {\r\n  height: 8px;\r\n}\r\n.testimonial-scroll::-webkit-scrollbar-thumb {\r\n  background: rgba(255,137,2,0.4);\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* CARD *\/\r\n.testimonial-card {\r\n  min-width: 330px;\r\n  max-width: 330px;\r\n  background: linear-gradient(145deg, #FFFFFF, #FFF4EA);\r\n  border-radius: 18px;\r\n  padding: 24px;\r\n  box-shadow: 0 18px 40px rgba(255,137,2,0.18);\r\n  scroll-snap-align: start;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* HEADER *\/\r\n.testimonial-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\/* CLIENT *\/\r\n.client {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n\/* LETTER AVATAR *\/\r\n.avatar {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, #FF9A2E, #FF6A00);\r\n  color: #fff;\r\n  font-weight: 600;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 16px;\r\n}\r\n\r\n\/* NAME *\/\r\n.client-name {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #1A1A1A;\r\n}\r\n.client-time {\r\n  font-size: 12px;\r\n  color: #888;\r\n}\r\n\r\n\/* GOOGLE ICON *\/\r\n.google-icon {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n\/* STARS *\/\r\n.stars {\r\n  color: #FFC107;\r\n  font-size: 14px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.testimonial-text {\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n  color: #444;\r\n}\r\n\r\n\/* VERIFIED *\/\r\n.verified {\r\n  display: inline-block;\r\n  margin-top: 14px;\r\n  background: #FF8902;\r\n  color: #fff;\r\n  font-size: 11px;\r\n  padding: 4px 12px;\r\n  border-radius: 20px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .testimonials h2 {\r\n    font-size: 28px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"testimonials\">\r\n  <div class=\"container\">\r\n    <span class=\"badge\">TESTIMONIALS<\/span>\r\n    <h2>What Clients Say About Working With Us<\/h2>\r\n\r\n    <div class=\"testimonial-scroll\">\r\n\r\n      <!-- REVIEW 1 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">R<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Raja Ahmed<\/div>\r\n              <div class=\"client-time\">2 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <svg class=\"google-icon\" viewBox=\"0 0 533.5 544.3\">\r\n            <path fill=\"#4285F4\" d=\"M533.5 278.4H272v95.3h146.9c-6.3 34.1-25.1 63-53.6 82.4v68h86.7c50.7-46.7 81.5-115.5 81.5-195.3z\"\/>\r\n            <path fill=\"#34A853\" d=\"M272 544.3c72.6 0 133.5-24.1 178-65.6l-86.7-68c-24.1 16.2-54.9 25.8-91.3 25.8-70.2 0-129.6-47.4-150.9-111.1H32.1v69.8C76.3 475.2 168.4 544.3 272 544.3z\"\/>\r\n            <path fill=\"#FBBC04\" d=\"M121.1 325.4c-10.4-31.1-10.4-64.6 0-95.7V160H32.1c-43.7 86.9-43.7 190.5 0 277.4l89-69.8z\"\/>\r\n            <path fill=\"#EA4335\" d=\"M272 107.7c39.5-.6 77.7 14 106.7 40.8l79.6-79.6C409.7 24.5 346.5-1.1 272 0 168.4 0 76.3 69.1 32.1 160l89 69.7C142.4 155.1 201.8 107.7 272 107.7z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          Excellent communication from start to finish. Shahzaib Real Agency clearly understood our requirements and delivered results beyond expectations.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 2 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">S<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Ahmer Khan<\/div>\r\n              <div class=\"client-time\">3 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <svg class=\"google-icon\" viewBox=\"0 0 533.5 544.3\"><path fill=\"#4285F4\" d=\"M533.5 278.4H272v95.3h146.9c-6.3 34.1-25.1 63-53.6 82.4v68h86.7c50.7-46.7 81.5-115.5 81.5-195.3z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          A very professional and reliable real estate agency. Transparent communication and smooth process throughout.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 3 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">Z<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Zameer Ali<\/div>\r\n              <div class=\"client-time\">1 month ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <svg class=\"google-icon\" viewBox=\"0 0 533.5 544.3\"><path fill=\"#4285F4\" d=\"M533.5 278.4H272v95.3h146.9c-6.3 34.1-25.1 63-53.6 82.4v68h86.7z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          Very satisfied with the service. They handled everything professionally and kept us informed at every step.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 4 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">A<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Ali Raza<\/div>\r\n              <div class=\"client-time\">2 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <svg class=\"google-icon\" viewBox=\"0 0 533.5 544.3\"><path fill=\"#4285F4\" d=\"M533.5 278.4H272v95.3h146.9z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          Honest advice, clear documentation, and excellent customer service. Highly recommended.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 5 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">H<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Hassan Sheikh<\/div>\r\n              <div class=\"client-time\">4 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <svg class=\"google-icon\" viewBox=\"0 0 533.5 544.3\"><path fill=\"#4285F4\" d=\"M533.5 278.4H272v95.3z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          Smooth experience from consultation to final deal. Shahzaib Real Agency truly delivers quality service.\r\n        <\/p>\r\n        <span class=\"verified\">Verified by Google<\/span>\r\n      <\/div>\r\n\r\n      <!-- REVIEW 6 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <div class=\"client\">\r\n            <div class=\"avatar\">U<\/div>\r\n            <div>\r\n              <div class=\"client-name\">Usman Tariq<\/div>\r\n              <div class=\"client-time\">5 months ago<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <svg class=\"google-icon\" viewBox=\"0 0 533.5 544.3\"><path fill=\"#4285F4\" d=\"M533.5 278.4H272v95.3z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          Professional, responsive, and trustworthy. I would definitely work with them again.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acd25e2 e-flex e-con-boxed e-con e-parent\" data-id=\"acd25e2\" 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-a566280 elementor-widget elementor-widget-html\" data-id=\"a566280\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ================= FAQ SECTION ================= *\/\r\n.faq-section {\r\n  font-family: \"Poppins\", sans-serif;\r\n  background: #ffffff;\r\n  padding: 90px 20px;\r\n}\r\n\r\n.faq-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 0.9fr;\r\n  gap: 50px;\r\n}\r\n\r\n\/* BADGE *\/\r\n.faq-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #7C3AED, #EC4899);\r\n  color: #fff;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  padding: 6px 16px;\r\n  border-radius: 20px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n\/* TITLE *\/\r\n.faq-title {\r\n  font-size: 38px;\r\n  font-weight: 700;\r\n  color: #111;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n.faq-item {\r\n  border-bottom: 1px solid #EAEAEA;\r\n  padding: 18px 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.faq-question {\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: #333;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.faq-question span {\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.faq-answer {\r\n  display: none;\r\n  font-size: 14px;\r\n  color: #555;\r\n  margin-top: 10px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n  display: block;\r\n}\r\n\r\n.faq-item.active .faq-question span {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n\/* ================= FORM ================= *\/\r\n.faq-form {\r\n  background: #FFF7F0;\r\n  padding: 36px;\r\n  border-radius: 18px;\r\n}\r\n\r\n.faq-form label {\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  margin-bottom: 6px;\r\n  display: block;\r\n}\r\n\r\n.faq-form label span {\r\n  color: #FF7A00;\r\n}\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n}\r\n\r\n.faq-form input,\r\n.faq-form textarea {\r\n  width: 100%;\r\n  padding: 12px 14px;\r\n  border-radius: 8px;\r\n  border: 1px solid #E0E0E0;\r\n  font-family: \"Poppins\", sans-serif;\r\n  font-size: 13px;\r\n}\r\n\r\n.faq-form textarea {\r\n  resize: none;\r\n  min-height: 120px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.faq-form button {\r\n  margin-top: 20px;\r\n  padding: 12px 30px;\r\n  background: linear-gradient(135deg, #FF7A00, #FF9900);\r\n  border: none;\r\n  border-radius: 10px;\r\n  color: #fff;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.faq-form button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 25px rgba(255, 122, 0, 0.35);\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 900px) {\r\n  .faq-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .faq-title {\r\n    font-size: 30px;\r\n  }\r\n  .form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"faq-section\">\r\n  <div class=\"faq-container\">\r\n\r\n    <!-- FAQ -->\r\n    <div>\r\n      <span class=\"faq-badge\">FAQ<\/span>\r\n      <h2 class=\"faq-title\">Frequently Asked Questions<\/h2>\r\n\r\n      <div class=\"faq-item active\">\r\n        <div class=\"faq-question\">\r\n          What makes your agency different?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          We focus on execution, clarity, and real results \u2014 especially for\r\n          startups and growing businesses.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          Do you work with startups?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          Yes. We specialize in working with early-stage startups and small\r\n          teams that need traction, not fluff.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          What services do you offer?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          Branding, websites, funnels, and performance-focused digital growth\r\n          strategies.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-question\">\r\n          How quickly can we get started?\r\n          <span>\u2304<\/span>\r\n        <\/div>\r\n        <div class=\"faq-answer\">\r\n          Once we understand your needs, onboarding is fast and simple.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FORM -->\r\n    <div class=\"faq-form\">\r\n      <form>\r\n\r\n        <div>\r\n          <label>Full Name <span>*<\/span><\/label>\r\n          <input type=\"text\" placeholder=\"Your full name\">\r\n        <\/div>\r\n\r\n        <div style=\"margin-top:14px;\">\r\n          <label>Contact Number <span>*<\/span><\/label>\r\n          <input type=\"tel\" placeholder=\"Phone number\">\r\n        <\/div>\r\n\r\n        <div style=\"margin-top:14px;\">\r\n          <label>Email Address <span>*<\/span><\/label>\r\n          <input type=\"email\" placeholder=\"Your email address\">\r\n        <\/div>\r\n\r\n        <div style=\"margin-top:14px;\">\r\n          <label>Message <span>*<\/span><\/label>\r\n          <textarea placeholder=\"Tell us about your project\"><\/textarea>\r\n        <\/div>\r\n\r\n        <button type=\"submit\">Send Message<\/button>\r\n\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.querySelectorAll(\".faq-item\").forEach(item => {\r\n  item.addEventListener(\"click\", () => {\r\n    document.querySelectorAll(\".faq-item\").forEach(i => {\r\n      if (i !== item) i.classList.remove(\"active\");\r\n    });\r\n    item.classList.toggle(\"active\");\r\n  });\r\n});\r\n<\/script>\r\n\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","protected":false},"excerpt":{"rendered":"<p>PERFORMANCE-DRIVEN GROWTH PARTNERS Performance Marketing &#038; Conversion-Focused Web Development We help ecommerce and service brands grow profitably through paid advertising and high-converting websites. Focused execution. Measurable results. Request a Strategy Call \u2192 Working with a limited number of clients at a time. \ud83c\udfaf Clear Scope We focus only on paid advertising and website development \u2014 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6766","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/pages\/6766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/comments?post=6766"}],"version-history":[{"count":210,"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/pages\/6766\/revisions"}],"predecessor-version":[{"id":7499,"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/pages\/6766\/revisions\/7499"}],"wp:attachment":[{"href":"https:\/\/realshahzaib.com\/index.php\/wp-json\/wp\/v2\/media?parent=6766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}