{"id":8,"date":"2026-03-01T17:22:18","date_gmt":"2026-03-01T17:22:18","guid":{"rendered":"https:\/\/webguru.us.cc\/?page_id=8"},"modified":"2026-10-22T16:40:36","modified_gmt":"2026-10-22T16:40:36","slug":"home","status":"publish","type":"page","link":"https:\/\/webguru.us.cc\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c334ccf e-con e-atomic-element e-flexbox-base e-8df3643 \" data-id=\"c334ccf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c334ccf\">\n    \t\t<div class=\"elementor-element elementor-element-34ceb68 elementor-widget elementor-widget-image\" data-id=\"34ceb68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1828\" height=\"860\" src=\"https:\/\/webguru.us.cc\/wp-content\/uploads\/2026\/10\/Digital-Web-Design-Solutions-Agency.png\" class=\"attachment-full size-full wp-image-240\" alt=\"\" srcset=\"https:\/\/webguru.us.cc\/wp-content\/uploads\/2026\/10\/Digital-Web-Design-Solutions-Agency.png 1828w, https:\/\/webguru.us.cc\/wp-content\/uploads\/2026\/10\/Digital-Web-Design-Solutions-Agency-300x141.png 300w, https:\/\/webguru.us.cc\/wp-content\/uploads\/2026\/10\/Digital-Web-Design-Solutions-Agency-1024x482.png 1024w, https:\/\/webguru.us.cc\/wp-content\/uploads\/2026\/10\/Digital-Web-Design-Solutions-Agency-768x361.png 768w, https:\/\/webguru.us.cc\/wp-content\/uploads\/2026\/10\/Digital-Web-Design-Solutions-Agency-1536x723.png 1536w\" sizes=\"(max-width: 1828px) 100vw, 1828px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ffdab72 e-con e-atomic-element e-flexbox-base e-293b454 \" data-id=\"ffdab72\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ffdab72\">\n    \t\t<div class=\"elementor-element elementor-element-6e3f496 elementor-widget elementor-widget-html\" data-id=\"6e3f496\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- Core Features Section -->\r\n<section class=\"core-features-section\">\r\n  <div class=\"core-features-heading\">\r\n    <a href=\"#\" class=\"core-features-label\">Core Features<\/a>\r\n    <h2>Amazing Web Design Features<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"core-features-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <div class=\"core-feature-card\">\r\n      <div class=\"core-feature-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <rect x=\"15\" y=\"8\" width=\"38\" height=\"35\" rx=\"4\"\/>\r\n          <path d=\"M20 13h28M27 22l-7 7m14-7-7 7\"\/>\r\n          <rect x=\"11\" y=\"34\" width=\"32\" height=\"21\" rx=\"3\"\/>\r\n          <path d=\"M16 40l-4 4m12-4-4 4M26 34v21\"\/>\r\n          <rect x=\"45\" y=\"36\" width=\"12\" height=\"19\" rx=\"2\"\/>\r\n          <path d=\"M49 40h4m-3 11h2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Responsive<br>design<\/h3>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"core-feature-card\">\r\n      <div class=\"core-feature-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <rect x=\"10\" y=\"7\" width=\"43\" height=\"37\" rx=\"3\"\/>\r\n          <path d=\"M17 13h2m4 0h2m4 0h2\"\/>\r\n          <rect x=\"18\" y=\"15\" width=\"38\" height=\"42\" rx=\"3\"\/>\r\n          <path d=\"M24 22h8m-8 5h5\"\/>\r\n          <path d=\"M39 22l3-3 4 2 3-1 1 4 3 2-2 4 1 4-4 2-2 4-4-2-4 1-2-4-4-2 2-4-1-4 4-1z\"\/>\r\n          <circle cx=\"43\" cy=\"30\" r=\"5\"\/>\r\n          <path d=\"M24 36h5m-5 5h7m-7 5h5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Powerful<br>Customization<\/h3>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"core-feature-card\">\r\n      <div class=\"core-feature-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <circle cx=\"29\" cy=\"34\" r=\"22\"\/>\r\n          <circle cx=\"29\" cy=\"34\" r=\"15\"\/>\r\n          <circle cx=\"29\" cy=\"34\" r=\"8\"\/>\r\n          <circle cx=\"29\" cy=\"34\" r=\"3\"\/>\r\n          <path d=\"M29 3v16m0 30v12M3 34h15m22 0h19\"\/>\r\n          <path d=\"M29 34L51 12\"\/>\r\n          <path d=\"M47 10l5 1 3-5 3 3-5 5 1 5-5-1-4-4z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Cool &amp; modern<br>animations<\/h3>\r\n    <\/div>\r\n\r\n    <!-- Card 4 -->\r\n    <div class=\"core-feature-card\">\r\n      <div class=\"core-feature-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <rect x=\"7\" y=\"16\" width=\"37\" height=\"34\" rx=\"3\"\/>\r\n          <path d=\"M13 21h2m4 0h2m4 0h2\"\/>\r\n          <path d=\"M14 43h6V34h-6zm10 0h6V28h-6zm10 0h5V23h-5z\"\/>\r\n          <path d=\"M25 50v7m-8 0h19\"\/>\r\n          <circle cx=\"46\" cy=\"45\" r=\"10\"\/>\r\n          <circle cx=\"46\" cy=\"45\" r=\"6\"\/>\r\n          <path d=\"M53 52l7 7\"\/>\r\n          <path d=\"M42 13l5-5 5 5m-5-5v12\"\/>\r\n          <path d=\"M49 18l5-5 4 4\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>SEO Friendly<br>Coding<\/h3>\r\n    <\/div>\r\n\r\n    <!-- Card 5 -->\r\n    <div class=\"core-feature-card\">\r\n      <div class=\"core-feature-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <circle cx=\"27\" cy=\"32\" r=\"23\"\/>\r\n          <ellipse cx=\"27\" cy=\"32\" rx=\"12\" ry=\"23\"\/>\r\n          <path d=\"M5 32h44M9 20h36M9 44h36\"\/>\r\n          <path d=\"M27 9v46\"\/>\r\n          <circle cx=\"34\" cy=\"36\" r=\"13\"\/>\r\n          <circle cx=\"34\" cy=\"36\" r=\"9\"\/>\r\n          <path d=\"M43 45l11 11 5-5-11-11\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Best Technical<br>supports<\/h3>\r\n    <\/div>\r\n\r\n    <!-- Card 6 -->\r\n    <div class=\"core-feature-card\">\r\n      <div class=\"core-feature-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <rect x=\"8\" y=\"9\" width=\"47\" height=\"43\" rx=\"3\"\/>\r\n          <path d=\"M8 17h47M13 13h2m4 0h2m4 0h2\"\/>\r\n          <rect x=\"14\" y=\"23\" width=\"15\" height=\"10\" rx=\"1\"\/>\r\n          <rect x=\"34\" y=\"23\" width=\"14\" height=\"5\" rx=\"1\"\/>\r\n          <path d=\"M34 32h10\"\/>\r\n          <rect x=\"14\" y=\"38\" width=\"15\" height=\"8\" rx=\"1\"\/>\r\n          <path d=\"M39 36l3-2 3 2 3-1 2 3 3 1-1 4 1 3-3 2-1 3-4-1-3 1-2-3-3-1 1-4-1-3z\"\/>\r\n          <circle cx=\"43\" cy=\"41\" r=\"4\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Varied Layouts &amp;<br>parallax<\/h3>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.core-features-section,\r\n.core-features-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.core-features-section {\r\n  width: 100%;\r\n  padding: 20px 26px 62px;\r\n  background: #f5f8fc;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.core-features-heading {\r\n  text-align: center;\r\n  margin-bottom: 52px;\r\n}\r\n\r\n.core-features-label {\r\n  display: inline-block;\r\n  color: #009f91;\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.core-features-heading h2 {\r\n  color: #243752;\r\n  font-size: clamp(28px, 3.5vw, 46px);\r\n  line-height: 1.2;\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n\r\n.core-features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, minmax(0, 1fr));\r\n  gap: 20px;\r\n}\r\n\r\n.core-feature-card {\r\n  min-width: 0;\r\n  min-height: 212px;\r\n  background: #ffffff;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  text-align: center;\r\n  padding: 30px 10px 22px;\r\n  transition: transform 0.3s ease,\r\n              box-shadow 0.3s ease;\r\n}\r\n\r\n.core-feature-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 25px rgba(36, 55, 82, 0.08);\r\n}\r\n\r\n.core-feature-icon {\r\n  width: 64px;\r\n  height: 70px;\r\n  margin-bottom: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.core-feature-icon svg {\r\n  display: block;\r\n  width: 64px;\r\n  height: 64px;\r\n  stroke: #009f91;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.core-feature-card h3 {\r\n  color: #293347;\r\n  font-size: 17px;\r\n  line-height: 1.55;\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .core-features-grid {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .core-features-section {\r\n    padding-left: 22px;\r\n    padding-right: 22px;\r\n  }\r\n\r\n  .core-feature-card {\r\n    min-height: 205px;\r\n  }\r\n}\r\n\r\n\/* Mobile: exactly 2 cards per row *\/\r\n@media (max-width: 767px) {\r\n  .core-features-section {\r\n    padding: 28px 14px 38px;\r\n  }\r\n\r\n  .core-features-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .core-features-label {\r\n    font-size: 15px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .core-features-heading h2 {\r\n    font-size: 27px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .core-features-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  .core-feature-card {\r\n    min-height: 175px;\r\n    padding: 20px 7px 16px;\r\n    border-radius: 7px;\r\n  }\r\n\r\n  .core-feature-icon {\r\n    width: 52px;\r\n    height: 55px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .core-feature-icon svg {\r\n    width: 52px;\r\n    height: 52px;\r\n  }\r\n\r\n  .core-feature-card h3 {\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n  }\r\n}\r\n\r\n\/* Small mobile *\/\r\n@media (max-width: 360px) {\r\n  .core-features-grid {\r\n    gap: 9px;\r\n  }\r\n\r\n  .core-feature-card {\r\n    min-height: 165px;\r\n    padding-left: 5px;\r\n    padding-right: 5px;\r\n  }\r\n\r\n  .core-feature-card h3 {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .core-features-heading h2 {\r\n    font-size: 24px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ab58d48 e-con e-atomic-element e-flexbox-base e-21ba209 \" data-id=\"ab58d48\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ab58d48\">\n    \t\t<div class=\"elementor-element elementor-element-7a54259 elementor-widget elementor-widget-html\" data-id=\"7a54259\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"company-stats-section\">\r\n  <div class=\"company-stats-header\">\r\n    <a href=\"#\" class=\"company-stats-label\">Company Statistics<\/a>\r\n    <h2>We\u2019ve Some Achievement<br class=\"desktop-break\">\r\n      From Global Partners\r\n    <\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"company-stats-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <div class=\"company-stat-card\">\r\n      <div class=\"company-stat-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <path d=\"M26 38C20 34 18 28 22 22L34 10C41 4 50 3 58 3C58 11 56 20 50 27L38 39C32 43 27 41 26 38Z\"\/>\r\n          <path d=\"M23 23L15 24L7 32L20 33\"\/>\r\n          <path d=\"M38 39L37 47L29 55L28 42\"\/>\r\n          <circle cx=\"42\" cy=\"19\" r=\"5\"\/>\r\n          <path d=\"M22 39L13 42L9 51L19 48L22 39Z\"\/>\r\n          <path d=\"M27 44L20 51M17 55L11 61M7 57L3 61\"\/>\r\n          <path d=\"M31 15L46 30\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"company-stat-number\" data-target=\"2365\">0<\/div>\r\n      <h3>Projects Complete<\/h3>\r\n      <p>On The Other Denonce<br>\r\n        With Righteous Indin\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"company-stat-card\">\r\n      <div class=\"company-stat-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <circle cx=\"42\" cy=\"17\" r=\"14\"\/>\r\n          <path d=\"M28 17H56M42 3V31\"\/>\r\n          <path d=\"M31 8C37 13 37 21 31 26M53 8C47 13 47 21 53 26\"\/>\r\n          <path d=\"M29 11H55M29 23H55\"\/>\r\n          <path d=\"M5 44L14 37L20 41H31C34 41 35 45 31 47H24\"\/>\r\n          <path d=\"M20 41H35L48 34C52 32 55 36 51 39L35 50C33 51 30 52 27 52H19L13 58\"\/>\r\n          <path d=\"M3 46L15 58L21 52L9 40L3 46Z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"company-stat-number\" data-target=\"5234\">0<\/div>\r\n      <h3>Global Client\u2019s<\/h3>\r\n      <p>On The Other Denonce<br>\r\n        With Righteous Indin\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"company-stat-card\">\r\n      <div class=\"company-stat-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <circle cx=\"32\" cy=\"19\" r=\"17\"\/>\r\n          <circle cx=\"32\" cy=\"15\" r=\"7\"\/>\r\n          <path d=\"M20 31C20 24 25 21 32 21C39 21 44 24 44 31\"\/>\r\n          <path d=\"M15 34L19 41L27 42L21 48L23 56L15 52L8 56L10 48L4 42L12 41L15 34Z\"\/>\r\n          <path d=\"M48 34L52 41L60 42L54 48L56 56L48 52L41 56L43 48L37 42L45 41L48 34Z\"\/>\r\n          <path d=\"M32 39L36 46L44 47L38 53L40 61L32 57L24 61L26 53L20 47L28 46L32 39Z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"company-stat-number\" data-target=\"8532\">0<\/div>\r\n      <h3>Happy Customer<\/h3>\r\n      <p>On The Other Denonce<br>\r\n        With Righteous Indin\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.company-stats-section,\r\n.company-stats-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.company-stats-section {\r\n  width: 100%;\r\n  padding: 20px 25px 12px;\r\n  background: #ffffff;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.company-stats-header {\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.company-stats-label {\r\n  display: inline-block;\r\n  margin-bottom: 22px;\r\n  color: #009b8b;\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n.company-stats-header h2 {\r\n  margin: 0;\r\n  color: #243752;\r\n  font-size: clamp(30px, 4vw, 46px);\r\n  line-height: 1.18;\r\n  font-weight: 700;\r\n}\r\n\r\n.company-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 15px;\r\n}\r\n\r\n.company-stat-card {\r\n  min-width: 0;\r\n  min-height: 343px;\r\n  padding: 36px 30px 28px;\r\n  background: #ffffff;\r\n  border: 1px solid #e1eaff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  transition: transform 0.3s ease,\r\n              box-shadow 0.3s ease;\r\n}\r\n\r\n.company-stat-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 30px rgba(30, 55, 85, 0.08);\r\n}\r\n\r\n.company-stat-icon {\r\n  width: 65px;\r\n  height: 65px;\r\n  margin-bottom: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.company-stat-icon svg {\r\n  width: 62px;\r\n  height: 62px;\r\n  stroke: #009b8b;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.company-stat-number {\r\n  color: #29292f;\r\n  font-size: 40px;\r\n  line-height: 1.25;\r\n  font-weight: 400;\r\n  margin-bottom: 15px;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.company-stat-number::after {\r\n  content: \" +\";\r\n}\r\n\r\n.company-stat-card h3 {\r\n  color: #009b8b;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.company-stat-card p {\r\n  color: #66758b;\r\n  font-size: 17px;\r\n  line-height: 1.9;\r\n  margin: 0;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .company-stats-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .company-stat-card {\r\n    min-height: 320px;\r\n    padding: 30px 24px;\r\n  }\r\n\r\n  .company-stats-header h2 {\r\n    font-size: 38px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .company-stats-section {\r\n    padding: 28px 15px 35px;\r\n  }\r\n\r\n  .company-stats-header {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .company-stats-label {\r\n    font-size: 15px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .company-stats-header h2 {\r\n    font-size: 29px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .desktop-break {\r\n    display: none;\r\n  }\r\n\r\n  .company-stats-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 15px;\r\n  }\r\n\r\n  .company-stat-card {\r\n    min-height: auto;\r\n    padding: 25px 24px;\r\n  }\r\n\r\n  .company-stat-icon {\r\n    width: 55px;\r\n    height: 55px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .company-stat-icon svg {\r\n    width: 52px;\r\n    height: 52px;\r\n  }\r\n\r\n  .company-stat-number {\r\n    font-size: 35px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .company-stat-card h3 {\r\n    font-size: 19px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .company-stat-card p {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const sections = document.querySelectorAll(\r\n    '.company-stats-section'\r\n  );\r\n\r\n  sections.forEach(function (section) {\r\n    if (section.dataset.statsReady) return;\r\n    section.dataset.statsReady = 'true';\r\n\r\n    const counters = section.querySelectorAll(\r\n      '.company-stat-number'\r\n    );\r\n\r\n    function animateCounter(counter) {\r\n      if (counter.dataset.animated) return;\r\n      counter.dataset.animated = 'true';\r\n\r\n      const target = Number(counter.dataset.target);\r\n      const duration = 1800;\r\n      const startTime = performance.now();\r\n\r\n      function update(now) {\r\n        const progress = Math.min(\r\n          (now - startTime) \/ duration, 1\r\n        );\r\n\r\n        const eased = 1 - Math.pow(1 - progress, 3);\r\n        counter.textContent = Math.floor(\r\n          target * eased\r\n        ).toLocaleString('en-US');\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(update);\r\n        } else {\r\n          counter.textContent =\r\n            target.toLocaleString('en-US');\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(update);\r\n    }\r\n\r\n    if ('IntersectionObserver' in window) {\r\n      const observer = new IntersectionObserver(\r\n        function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              counters.forEach(animateCounter);\r\n              observer.disconnect();\r\n            }\r\n          });\r\n        },\r\n        { threshold: 0.2 }\r\n      );\r\n\r\n      observer.observe(section);\r\n    } else {\r\n      counters.forEach(animateCounter);\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8e2b993 e-con e-atomic-element e-flexbox-base e-48ff56c \" data-id=\"8e2b993\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e2b993\">\n    \t\t<div class=\"elementor-element elementor-element-c41e95c elementor-widget elementor-widget-html\" data-id=\"c41e95c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"web-pricing-section\">\r\n  <div class=\"web-pricing-heading\">\r\n    <span class=\"web-pricing-label\">OUR WEBSITE PACKAGES<\/span>\r\n    <h2>Choose the Right Website for Your Business<\/h2>\r\n    <p>Professional websites at affordable starting prices.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"web-pricing-grid\">\r\n\r\n    <!-- Card 1: Landing Page -->\r\n    <div class=\"web-price-card\">\r\n      <div class=\"web-price-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <rect x=\"7\" y=\"9\" width=\"50\" height=\"46\" rx=\"5\"\/>\r\n          <path d=\"M7 19H57\"\/>\r\n          <circle cx=\"13\" cy=\"14\" r=\"1\"\/>\r\n          <circle cx=\"18\" cy=\"14\" r=\"1\"\/>\r\n          <circle cx=\"23\" cy=\"14\" r=\"1\"\/>\r\n          <path d=\"M15 27H35M15 33H29\"\/>\r\n          <rect x=\"15\" y=\"39\" width=\"20\" height=\"8\" rx=\"2\"\/>\r\n          <rect x=\"40\" y=\"26\" width=\"10\" height=\"21\" rx=\"2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Landing Page Website<\/h3>\r\n      <p class=\"web-price-description\">\r\n        A high-converting single-page website\r\n        to promote your product, service or offer.\r\n      <\/p>\r\n\r\n      <div class=\"web-price-divider\"><\/div>\r\n\r\n      <span class=\"web-price-caption\">Starting from<\/span>\r\n      <div class=\"web-price\">\r\n        <span>\u20b9<\/span>2,500<span class=\"web-price-plus\">+<\/span>\r\n      <\/div>\r\n\r\n      <ul class=\"web-price-features\">\r\n        <li>\u2713 Modern, attractive design<\/li>\r\n        <li>\u2713 Mobile responsive layout<\/li>\r\n        <li>\u2713 WhatsApp contact button<\/li>\r\n        <li>\u2713 Lead generation focused<\/li>\r\n      <\/ul>\r\n\r\n      <a class=\"web-price-button\"\r\n         href=\"https:\/\/wa.me\/919220345063?text=Hi%2C%20I%20am%20interested%20in%20your%20Landing%20Page%20Website%20package%20starting%20at%20Rs.%202500.%20Please%20share%20more%20details.\"\r\n         target=\"_blank\" rel=\"noopener noreferrer\">\r\n        Know More <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Business Website -->\r\n    <div class=\"web-price-card web-price-featured\">\r\n      <span class=\"web-price-badge\">POPULAR CHOICE<\/span>\r\n\r\n      <div class=\"web-price-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <path d=\"M8 55H56M13 55V25L32 12L51 25V55\"\/>\r\n          <path d=\"M7 25H57\"\/>\r\n          <rect x=\"25\" y=\"37\" width=\"14\" height=\"18\" rx=\"1\"\/>\r\n          <rect x=\"17\" y=\"29\" width=\"6\" height=\"7\" rx=\"1\"\/>\r\n          <rect x=\"41\" y=\"29\" width=\"6\" height=\"7\" rx=\"1\"\/>\r\n          <path d=\"M29 43H35M29 48H35\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Business Website<\/h3>\r\n      <p class=\"web-price-description\">\r\n        Build your brand online with a professional\r\n        website for your company or service.\r\n      <\/p>\r\n\r\n      <div class=\"web-price-divider\"><\/div>\r\n\r\n      <span class=\"web-price-caption\">Starting from<\/span>\r\n      <div class=\"web-price\">\r\n        <span>\u20b9<\/span>4,500<span class=\"web-price-plus\">+<\/span>\r\n      <\/div>\r\n\r\n      <ul class=\"web-price-features\">\r\n        <li>\u2713 Professional business design<\/li>\r\n        <li>\u2713 Multiple website pages<\/li>\r\n        <li>\u2713 About, Services & Contact<\/li>\r\n        <li>\u2713 WhatsApp integration<\/li>\r\n      <\/ul>\r\n\r\n      <a class=\"web-price-button\"\r\n         href=\"https:\/\/wa.me\/919220345063?text=Hi%2C%20I%20am%20interested%20in%20your%20Business%20Website%20package%20starting%20at%20Rs.%204500.%20Please%20share%20more%20details.\"\r\n         target=\"_blank\" rel=\"noopener noreferrer\">\r\n        Know More <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Card 3: E-commerce Website -->\r\n    <div class=\"web-price-card\">\r\n      <div class=\"web-price-icon\">\r\n        <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n          <path d=\"M7 11H14L20 39H49L56 19H17\"\/>\r\n          <circle cx=\"25\" cy=\"49\" r=\"4\"\/>\r\n          <circle cx=\"45\" cy=\"49\" r=\"4\"\/>\r\n          <path d=\"M21 35H48\"\/>\r\n          <path d=\"M29 19V32M38 19V32M47 19L43 32\"\/>\r\n          <path d=\"M29 10L36 4L43 10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>E-commerce Website<\/h3>\r\n      <p class=\"web-price-description\">\r\n        Launch your online store and showcase\r\n        your products to customers.\r\n      <\/p>\r\n\r\n      <div class=\"web-price-divider\"><\/div>\r\n\r\n      <span class=\"web-price-caption\">Starting from<\/span>\r\n      <div class=\"web-price\">\r\n        <span>\u20b9<\/span>6,500<span class=\"web-price-plus\">+<\/span>\r\n      <\/div>\r\n\r\n      <ul class=\"web-price-features\">\r\n        <li>\u2713 Online product catalogue<\/li>\r\n        <li>\u2713 Shopping cart functionality<\/li>\r\n        <li>\u2713 Mobile-friendly storefront<\/li>\r\n        <li>\u2713 Enquiry and order options<\/li>\r\n      <\/ul>\r\n\r\n      <a class=\"web-price-button\"\r\n         href=\"https:\/\/wa.me\/919220345063?text=Hi%2C%20I%20am%20interested%20in%20your%20E-commerce%20Website%20package%20starting%20at%20Rs.%206500.%20Please%20share%20more%20details.\"\r\n         target=\"_blank\" rel=\"noopener noreferrer\">\r\n        Know More <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.web-pricing-section,\r\n.web-pricing-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.web-pricing-section {\r\n  width: 100%;\r\n  padding: 65px 25px;\r\n  background: #f5f8fc;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.web-pricing-heading {\r\n  text-align: center;\r\n  max-width: 780px;\r\n  margin: 0 auto 45px;\r\n}\r\n\r\n.web-pricing-label {\r\n  color: #009b8b;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.web-pricing-heading h2 {\r\n  color: #243752;\r\n  font-size: clamp(28px, 3.5vw, 42px);\r\n  line-height: 1.2;\r\n  margin: 15px 0;\r\n  font-weight: 700;\r\n}\r\n\r\n.web-pricing-heading p {\r\n  color: #66758b;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n}\r\n\r\n.web-pricing-grid {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 25px;\r\n  align-items: stretch;\r\n}\r\n\r\n.web-price-card {\r\n  position: relative;\r\n  background: #fff;\r\n  border: 1px solid #e1e9f2;\r\n  border-radius: 12px;\r\n  padding: 35px 28px 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  box-shadow: 0 8px 28px rgba(36, 55, 82, .04);\r\n  transition: transform .3s ease,\r\n              box-shadow .3s ease,\r\n              border-color .3s ease;\r\n}\r\n\r\n.web-price-card:hover {\r\n  transform: translateY(-7px);\r\n  box-shadow: 0 18px 38px rgba(36, 55, 82, .10);\r\n  border-color: #009b8b;\r\n}\r\n\r\n.web-price-featured {\r\n  border: 2px solid #009b8b;\r\n}\r\n\r\n.web-price-badge {\r\n  position: absolute;\r\n  top: -14px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: #009b8b;\r\n  color: #fff;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  white-space: nowrap;\r\n  padding: 8px 16px;\r\n  border-radius: 30px;\r\n}\r\n\r\n.web-price-icon {\r\n  width: 65px;\r\n  height: 65px;\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.web-price-icon svg {\r\n  width: 62px;\r\n  height: 62px;\r\n  stroke: #009b8b;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.web-price-card h3 {\r\n  color: #243752;\r\n  font-size: 22px;\r\n  line-height: 1.35;\r\n  font-weight: 700;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.web-price-description {\r\n  color: #66758b;\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  margin: 0;\r\n  min-height: 81px;\r\n}\r\n\r\n.web-price-divider {\r\n  width: 100%;\r\n  height: 1px;\r\n  background: #e8edf3;\r\n  margin: 20px 0;\r\n}\r\n\r\n.web-price-caption {\r\n  color: #66758b;\r\n  font-size: 14px;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.web-price {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 2px;\r\n  color: #009b8b;\r\n  font-size: 38px;\r\n  line-height: 1.25;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.web-price > span:first-child {\r\n  font-size: 25px;\r\n}\r\n\r\n.web-price .web-price-plus {\r\n  font-size: 23px;\r\n}\r\n\r\n.web-price-features {\r\n  list-style: none !important;\r\n  margin: 0 0 28px !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.web-price-features li {\r\n  color: #47566c;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  margin: 0 0 13px !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.web-price-button {\r\n  margin-top: auto;\r\n  width: 100%;\r\n  min-height: 50px;\r\n  padding: 14px 18px;\r\n  border-radius: 6px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  background: #009b8b;\r\n  border: 2px solid #009b8b;\r\n  color: #fff !important;\r\n  text-decoration: none !important;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  transition: background .25s ease,\r\n              color .25s ease;\r\n}\r\n\r\n.web-price-button:hover {\r\n  background: #007f73;\r\n  border-color: #007f73;\r\n  color: #fff !important;\r\n}\r\n\r\n.web-price-button span {\r\n  font-size: 19px;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .web-pricing-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .web-price-card {\r\n    padding: 30px 23px;\r\n  }\r\n\r\n  .web-price-card:last-child {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .web-price-description {\r\n    min-height: auto;\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .web-pricing-section {\r\n    padding: 45px 15px;\r\n  }\r\n\r\n  .web-pricing-heading {\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .web-pricing-heading h2 {\r\n    font-size: 29px;\r\n  }\r\n\r\n  .web-pricing-heading p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .web-pricing-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .web-price-card,\r\n  .web-price-card:last-child {\r\n    grid-column: auto;\r\n    padding: 30px 24px 25px;\r\n  }\r\n\r\n  .web-price-card h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  .web-price {\r\n    font-size: 36px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-905304f e-con e-atomic-element e-flexbox-base e-7020c44 \" data-id=\"905304f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"905304f\">\n    \t\t<div class=\"elementor-element elementor-element-d8f0518 elementor-widget elementor-widget-html\" data-id=\"d8f0518\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"wg-contact-section\">\r\n  <div class=\"wg-contact-container\">\r\n\r\n    <!-- Left side -->\r\n    <div class=\"wg-contact-left\">\r\n\r\n      <h2>\r\n        Have Any Project On<br class=\"wg-desktop-break\">\r\n        Mind! Feel Free Contact<br class=\"wg-desktop-break\">\r\n        With Us Or Say Hello\r\n      <\/h2>\r\n\r\n      <div class=\"wg-contact-info\">\r\n\r\n        <!-- Location -->\r\n        <div class=\"wg-contact-item\">\r\n          <div class=\"wg-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"wg-contact-text\">\r\n            <span>Location<\/span>\r\n            <p>Gurgaon, Haryana, India<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Email -->\r\n        <div class=\"wg-contact-item\">\r\n          <div class=\"wg-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\r\n              <path d=\"m3 7 9 7 9-7\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"wg-contact-text\">\r\n            <span>Email Address<\/span>\r\n            <a href=\"mailto:info@info.webgurudigital@gmail.com\">\r\n              info@info.webgurudigital@gmail.com\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- WhatsApp Phone -->\r\n        <div class=\"wg-contact-item\">\r\n          <div class=\"wg-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2\r\n              19.8 19.8 0 0 1-8.6-3.1\r\n              19.4 19.4 0 0 1-6-6\r\n              19.8 19.8 0 0 1-3.1-8.7\r\n              A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7\r\n              c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8 8\r\n              a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5\r\n              c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2Z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"wg-contact-text\">\r\n            <span>WhatsApp \/ Phone<\/span>\r\n            <a href=\"https:\/\/wa.me\/919220345063\"\r\n               target=\"_blank\" rel=\"noopener noreferrer\">\r\n              +91 92203 45063\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right side: Contact Form -->\r\n    <div class=\"wg-contact-right\">\r\n      <form class=\"wg-contact-form\" id=\"wgWhatsAppContactForm\">\r\n\r\n        <h3>Send Us Message<\/h3>\r\n\r\n        <input\r\n          type=\"text\"\r\n          name=\"fullName\"\r\n          placeholder=\"Full-Name\"\r\n          aria-label=\"Full Name\"\r\n          required\r\n        >\r\n\r\n        <input\r\n          type=\"email\"\r\n          name=\"email\"\r\n          placeholder=\"Email Address\"\r\n          aria-label=\"Email Address\"\r\n          required\r\n        >\r\n\r\n        <input\r\n          type=\"url\"\r\n          name=\"website\"\r\n          placeholder=\"Website (optional)\"\r\n          aria-label=\"Website\"\r\n        >\r\n\r\n        <textarea\r\n          name=\"message\"\r\n          placeholder=\"Write Message\"\r\n          aria-label=\"Write Message\"\r\n          required\r\n        ><\/textarea>\r\n\r\n        <button type=\"submit\" class=\"wg-contact-submit\">\r\n          Send Message <span>\u00bb<\/span>\r\n        <\/button>\r\n\r\n        <p class=\"wg-form-note\">\r\n          Your message will open in WhatsApp for you to send.\r\n        <\/p>\r\n\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.wg-contact-section,\r\n.wg-contact-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wg-contact-section {\r\n  width: 100%;\r\n  background: #1e1e22;\r\n  color: #fff;\r\n  padding: 15px 25px 0;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.wg-contact-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 1fr;\r\n  gap: 45px;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* Left column *\/\r\n.wg-contact-left {\r\n  padding: 0 0 40px;\r\n  min-width: 0;\r\n}\r\n\r\n.wg-contact-left h2 {\r\n  color: #fff;\r\n  font-size: clamp(30px, 3.5vw, 46px);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  margin: 0 0 55px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.wg-contact-info {\r\n  max-width: 560px;\r\n  border: 1px solid #39393d;\r\n  padding: 30px 35px;\r\n}\r\n\r\n.wg-contact-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  margin-bottom: 27px;\r\n}\r\n\r\n.wg-contact-item:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.wg-contact-icon {\r\n  width: 55px;\r\n  height: 55px;\r\n  flex-shrink: 0;\r\n  background: #109587;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.wg-contact-icon svg {\r\n  width: 23px;\r\n  height: 23px;\r\n  stroke: #fff;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.wg-contact-text {\r\n  min-width: 0;\r\n}\r\n\r\n.wg-contact-text span {\r\n  display: block;\r\n  color: #fff;\r\n  font-size: 15px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.wg-contact-text p,\r\n.wg-contact-text a {\r\n  color: #fff;\r\n  font-size: 19px;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n  text-decoration: none;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.wg-contact-text a:hover {\r\n  color: #19c7b4;\r\n}\r\n\r\n\/* Right column *\/\r\n.wg-contact-right {\r\n  min-width: 0;\r\n  background: #fff;\r\n  border-radius: 12px 12px 0 0;\r\n  padding: 36px 40px 25px;\r\n  color: #243752;\r\n}\r\n\r\n.wg-contact-form {\r\n  width: 100%;\r\n  max-width: 540px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.wg-contact-form h3 {\r\n  color: #243752;\r\n  text-align: center;\r\n  font-size: 25px;\r\n  font-weight: 700;\r\n  margin: 0 0 4px;\r\n}\r\n\r\n.wg-contact-form input,\r\n.wg-contact-form textarea {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n  border: 1px solid #e0eaff;\r\n  border-radius: 0;\r\n  background: #fff;\r\n  color: #222;\r\n  padding: 17px 25px;\r\n  font-family: inherit;\r\n  font-size: 17px;\r\n  line-height: 1.5;\r\n  outline: none;\r\n  box-shadow: none;\r\n  transition: border-color .2s ease;\r\n}\r\n\r\n.wg-contact-form input {\r\n  height: 60px;\r\n}\r\n\r\n.wg-contact-form textarea {\r\n  height: 165px;\r\n  min-height: 165px;\r\n  resize: vertical;\r\n  margin-top: 27px;\r\n}\r\n\r\n.wg-contact-form input:focus,\r\n.wg-contact-form textarea:focus {\r\n  border-color: #109587;\r\n}\r\n\r\n.wg-contact-form input::placeholder,\r\n.wg-contact-form textarea::placeholder {\r\n  color: #222;\r\n  opacity: 1;\r\n}\r\n\r\n.wg-contact-submit {\r\n  align-self: center;\r\n  width: 245px;\r\n  max-width: 100%;\r\n  min-height: 55px;\r\n  padding: 14px 20px;\r\n  margin-top: 20px;\r\n  background: #109587;\r\n  border: 0;\r\n  border-radius: 35px;\r\n  color: #fff;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: background .2s ease, transform .2s ease;\r\n}\r\n\r\n.wg-contact-submit:hover {\r\n  background: #08796e;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.wg-contact-submit span {\r\n  font-size: 22px;\r\n  margin-left: 5px;\r\n  vertical-align: -1px;\r\n}\r\n\r\n.wg-form-note {\r\n  text-align: center;\r\n  color: #66758b;\r\n  font-size: 12px;\r\n  line-height: 1.5;\r\n  margin: -8px 0 0;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .wg-contact-container {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 25px;\r\n  }\r\n\r\n  .wg-contact-section {\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  .wg-contact-left h2 {\r\n    font-size: 34px;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .wg-contact-info {\r\n    padding: 25px 18px;\r\n  }\r\n\r\n  .wg-contact-text p,\r\n  .wg-contact-text a {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .wg-contact-right {\r\n    padding: 30px 22px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .wg-contact-section {\r\n    padding: 30px 15px 0;\r\n  }\r\n\r\n  .wg-contact-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n\r\n  .wg-contact-left {\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .wg-contact-left h2 {\r\n    font-size: 30px;\r\n    line-height: 1.25;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .wg-desktop-break {\r\n    display: none;\r\n  }\r\n\r\n  .wg-contact-info {\r\n    max-width: none;\r\n    padding: 24px 16px;\r\n  }\r\n\r\n  .wg-contact-item {\r\n    gap: 13px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .wg-contact-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n  }\r\n\r\n  .wg-contact-text span {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .wg-contact-text p,\r\n  .wg-contact-text a {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .wg-contact-right {\r\n    padding: 28px 18px 25px;\r\n    border-radius: 10px 10px 0 0;\r\n  }\r\n\r\n  .wg-contact-form {\r\n    gap: 16px;\r\n  }\r\n\r\n  .wg-contact-form h3 {\r\n    font-size: 23px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .wg-contact-form input {\r\n    height: 54px;\r\n  }\r\n\r\n  .wg-contact-form input,\r\n  .wg-contact-form textarea {\r\n    font-size: 15px;\r\n    padding: 15px 16px;\r\n  }\r\n\r\n  .wg-contact-form textarea {\r\n    height: 140px;\r\n    min-height: 140px;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .wg-contact-submit {\r\n    width: 100%;\r\n    margin-top: 8px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const form = document.getElementById(\r\n    'wgWhatsAppContactForm'\r\n  );\r\n\r\n  if (!form || form.dataset.initialized) return;\r\n  form.dataset.initialized = 'true';\r\n\r\n  form.addEventListener('submit', function (event) {\r\n    event.preventDefault();\r\n\r\n    if (!form.reportValidity()) return;\r\n\r\n    const data = new FormData(form);\r\n\r\n    const name = (data.get('fullName') || '').trim();\r\n    const email = (data.get('email') || '').trim();\r\n    const website = (data.get('website') || '').trim();\r\n    const message = (data.get('message') || '').trim();\r\n\r\n    const whatsappMessage =\r\n      'Hello Web Guru Digital!%0A%0A' +\r\n      'I would like to enquire about your services.%0A%0A' +\r\n      'Name: ' + encodeURIComponent(name) + '%0A' +\r\n      'Email: ' + encodeURIComponent(email) + '%0A' +\r\n      'Website: ' + encodeURIComponent(website || 'Not provided') + '%0A' +\r\n      'Message: ' + encodeURIComponent(message);\r\n\r\n    const whatsappURL =\r\n      'https:\/\/wa.me\/919220345063?text=' + whatsappMessage;\r\n\r\n    window.open(whatsappURL, '_blank', 'noopener,noreferrer');\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Core Features Amazing Web Design Features Responsivedesign PowerfulCustomization Cool &amp; modernanimations SEO FriendlyCoding Best Technicalsupports Varied Layouts &amp;parallax Company Statistics We\u2019ve Some Achievement From Global Partners 0 Projects Complete On The Other Denonce With Righteous Indin 0 Global Client\u2019s On The Other Denonce With Righteous Indin 0 Happy Customer On The Other Denonce With Righteous Indin OUR WEBSITE PACKAGES Choose the Right Website for Your Business Professional websites at affordable starting prices. Landing Page Website A high-converting single-page website to promote your product, service or offer. Starting from \u20b92,500+ \u2713 Modern, attractive design \u2713 Mobile responsive layout \u2713 WhatsApp contact button \u2713 Lead generation focused Know More \u2197 POPULAR CHOICE Business Website Build your brand online with a professional website for your company or service. Starting from \u20b94,500+ \u2713 Professional business design \u2713 Multiple website pages \u2713 About, Services &#038; Contact \u2713 WhatsApp integration Know More \u2197 E-commerce Website Launch your online store and showcase your products to customers. Starting from \u20b96,500+ \u2713 Online product catalogue \u2713 Shopping cart functionality \u2713 Mobile-friendly storefront \u2713 Enquiry and order options Know More \u2197 Have Any Project On Mind! Feel Free Contact With Us Or Say Hello Location Gurgaon, Haryana, India Email Address info@info.webgurudigital@gmail.com WhatsApp \/ Phone +91 92203 45063 Send Us Message Send Message \u00bb Your message will open in WhatsApp for you to send.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webguru.us.cc\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webguru.us.cc\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webguru.us.cc\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webguru.us.cc\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webguru.us.cc\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":157,"href":"https:\/\/webguru.us.cc\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":263,"href":"https:\/\/webguru.us.cc\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/263"}],"wp:attachment":[{"href":"https:\/\/webguru.us.cc\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}