{"id":13,"date":"2026-10-23T11:02:09","date_gmt":"2026-10-23T11:02:09","guid":{"rendered":"https:\/\/yktechsols.com\/?page_id=13"},"modified":"2026-10-23T13:40:33","modified_gmt":"2026-10-23T13:40:33","slug":"home","status":"publish","type":"page","link":"https:\/\/yktechsols.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d24b611 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d24b611\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b9f80f\" data-id=\"0b9f80f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a524ca5 elementor-widget elementor-widget-html\" data-id=\"a524ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n.trydo-hero {\r\n  min-height: 560px;\r\n  padding: 100px 20px;\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  background: #111;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  font-family: Arial, sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Blurred background image *\/\r\n.trydo-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -2;\r\n  inset: -12px;\r\n  background-image: url(\"https:\/\/yktechsols.com\/wp-content\/uploads\/2026\/10\/pexels-jakubzerdzicki-34168280-scaled.jpg\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  filter: blur(7px);\r\n}\r\n\r\n\/* Cinematic black overlay *\/\r\n.trydo-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, 0.70);\r\n}\r\n\r\n.trydo-hero-content {\r\n  width: 100%;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.trydo-hero h1 {\r\n  color: #008080;\r\n  font-size: clamp(48px, 7vw, 82px);\r\n  font-weight: 900;\r\n  line-height: 1.1;\r\n  letter-spacing: -2px;\r\n  margin: 0 0 24px;\r\n}\r\n\r\n.trydo-hero p {\r\n  color: #f1f1f1;\r\n  font-size: 15px;\r\n  line-height: 1.9;\r\n  max-width: 600px;\r\n  margin: 0 auto 34px;\r\n}\r\n\r\n\/* Premium teal button *\/\r\n.trydo-hero-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  background: #008080;\r\n  color: #fff !important;\r\n  border: 1px solid #008080;\r\n  border-radius: 5px;\r\n  padding: 16px 30px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.3px;\r\n  text-decoration: none !important;\r\n  box-shadow: 0 5px 18px rgba(0, 128, 128, 0.25);\r\n  transition: background .3s ease,\r\n              transform .3s ease,\r\n              box-shadow .3s ease;\r\n}\r\n\r\n.trydo-hero-btn::after {\r\n  content: \"\u2192\";\r\n  font-size: 18px;\r\n  line-height: 1;\r\n  transition: transform .3s ease;\r\n}\r\n\r\n.trydo-hero-btn:hover {\r\n  background: #006969;\r\n  border-color: #00a3a3;\r\n  color: #fff !important;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 9px 26px rgba(0, 128, 128, 0.4);\r\n}\r\n\r\n.trydo-hero-btn:hover::after {\r\n  transform: translateX(4px);\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .trydo-hero {\r\n    min-height: 440px;\r\n    padding: 75px 20px;\r\n  }\r\n\r\n  .trydo-hero h1 {\r\n    font-size: 46px;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .trydo-hero p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .trydo-hero-btn {\r\n    padding: 14px 23px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"trydo-hero\">\r\n  <div class=\"trydo-hero-content\">\r\n    <h1>CREATIVE<\/h1>\r\n\r\n    <p>\r\n      We bring creative ideas to life through innovative\r\n      design, powerful websites, and digital experiences\r\n      that help your business grow.\r\n    <\/p>\r\n\r\n    <a href=\"#portfolio\" class=\"trydo-hero-btn\">\r\n      EXPLORE OUR WORK\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ae13de elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1ae13de\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd9983e\" data-id=\"dd9983e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d365528 elementor-widget elementor-widget-html\" data-id=\"d365528\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ===================================\r\n   YK TECH SOLS - PREMIUM SERVICES\r\n=================================== *\/\r\n\r\n.yk-services {\r\n  --yk-teal: #008080;\r\n  --yk-teal-dark: #006666;\r\n  --yk-charcoal: #58595B;\r\n  --yk-text: #202326;\r\n  --yk-muted: #747980;\r\n  --yk-light: #F5F7F8;\r\n\r\n  background: #ffffff;\r\n  padding: 95px 24px;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  color: var(--yk-text);\r\n  overflow: hidden;\r\n}\r\n\r\n.yk-services *,\r\n.yk-services *::before,\r\n.yk-services *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yk-services-inner {\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Section introduction *\/\r\n\r\n.yk-services-heading {\r\n  max-width: 680px;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n.yk-services-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--yk-teal);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.yk-services-kicker::before {\r\n  content: \"\";\r\n  width: 28px;\r\n  height: 2px;\r\n  background: var(--yk-teal);\r\n}\r\n\r\n.yk-services-heading h2 {\r\n  color: var(--yk-text);\r\n  font-size: clamp(32px, 4vw, 46px);\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  letter-spacing: -1.3px;\r\n  margin: 0 0 17px;\r\n}\r\n\r\n.yk-services-heading h2 span {\r\n  color: var(--yk-teal);\r\n}\r\n\r\n.yk-services-heading p {\r\n  max-width: 570px;\r\n  margin: 0;\r\n  color: var(--yk-muted);\r\n  font-size: 15px;\r\n  line-height: 1.9;\r\n}\r\n\r\n\/* Services grid *\/\r\n\r\n.yk-services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 22px;\r\n}\r\n\r\n\/* Individual card *\/\r\n\r\n.yk-service-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  padding: 34px 29px 30px;\r\n  min-height: 270px;\r\n  border: 1px solid #e9edef;\r\n  border-radius: 12px;\r\n  background: #ffffff;\r\n  box-shadow: 0 8px 30px rgba(24, 42, 48, 0.035);\r\n  transition:\r\n    transform .35s ease,\r\n    box-shadow .35s ease,\r\n    border-color .35s ease;\r\n}\r\n\r\n\/* Decorative corner detail *\/\r\n\r\n.yk-service-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  width: 115px;\r\n  height: 115px;\r\n  top: -70px;\r\n  right: -65px;\r\n  border-radius: 50%;\r\n  background: rgba(0, 128, 128, 0.07);\r\n  transition: transform .4s ease, background .4s ease;\r\n}\r\n\r\n.yk-service-card:hover {\r\n  transform: translateY(-7px);\r\n  border-color: rgba(0, 128, 128, 0.4);\r\n  box-shadow: 0 20px 45px rgba(0, 75, 75, 0.12);\r\n}\r\n\r\n.yk-service-card:hover::before {\r\n  transform: scale(2.2);\r\n  background: rgba(0, 128, 128, 0.09);\r\n}\r\n\r\n\/* Icon *\/\r\n\r\n.yk-service-icon {\r\n  width: 57px;\r\n  height: 57px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 12px;\r\n  background: rgba(0, 128, 128, 0.09);\r\n  color: var(--yk-teal);\r\n  margin-bottom: 25px;\r\n  transition: background .3s ease, color .3s ease;\r\n}\r\n\r\n.yk-service-icon svg {\r\n  width: 27px;\r\n  height: 27px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.yk-service-card:hover .yk-service-icon {\r\n  background: var(--yk-teal);\r\n  color: #ffffff;\r\n}\r\n\r\n\/* Card content *\/\r\n\r\n.yk-service-card h3 {\r\n  color: var(--yk-text);\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.yk-service-card p {\r\n  color: var(--yk-muted);\r\n  font-size: 13px;\r\n  line-height: 1.85;\r\n  margin: 0 0 22px;\r\n}\r\n\r\n.yk-service-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: var(--yk-teal-dark);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  transition: gap .25s ease, color .25s ease;\r\n}\r\n\r\n.yk-service-link span {\r\n  font-size: 18px;\r\n  line-height: 1;\r\n}\r\n\r\n.yk-service-link:hover {\r\n  color: var(--yk-charcoal);\r\n  gap: 14px;\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 900px) {\r\n  .yk-services {\r\n    padding: 75px 22px;\r\n  }\r\n\r\n  .yk-services-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .yk-service-card {\r\n    min-height: 255px;\r\n    padding: 28px 24px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 520px) {\r\n  .yk-services {\r\n    padding: 60px 18px;\r\n  }\r\n\r\n  .yk-services-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .yk-services-heading h2 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .yk-services-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .yk-service-card {\r\n    min-height: auto;\r\n    padding: 26px 24px;\r\n  }\r\n\r\n  .yk-service-icon {\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .yk-service-card,\r\n  .yk-service-card::before,\r\n  .yk-service-icon,\r\n  .yk-service-link {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yk-services\" id=\"services\">\r\n  <div class=\"yk-services-inner\">\r\n\r\n    <div class=\"yk-services-heading\">\r\n      <div class=\"yk-services-kicker\">What We Do<\/div>\r\n\r\n      <h2>\r\n        Smart Solutions for\r\n        <span>Digital Growth.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        From creative design to powerful digital experiences,\r\n        we help businesses build a stronger brand, reach more\r\n        customers, and grow with confidence.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"yk-services-grid\">\r\n\r\n      <!-- 1. Graphic Design -->\r\n      <article class=\"yk-service-card\">\r\n        <div class=\"yk-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 3a9 9 0 1 0 0 18h1.2a2 2 0 0 0 1.4-3.4 1.7 1.7 0 0 1 1.2-2.9H18a3 3 0 0 0 3-3C21 6.9 16.9 3 12 3Z\"\/>\r\n            <circle cx=\"7.5\" cy=\"10\" r=\"1\"\/>\r\n            <circle cx=\"11\" cy=\"6.8\" r=\"1\"\/>\r\n            <circle cx=\"16\" cy=\"8.5\" r=\"1\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Graphic Design<\/h3>\r\n        <p>\r\n          Memorable brand identities, creative visuals,\r\n          marketing materials, and designs that make\r\n          your business stand out.\r\n        <\/p>\r\n        <a class=\"yk-service-link\" href=\"\/graphic-design\/\">\r\n          Explore Service <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- 2. Website Design & Development -->\r\n      <article class=\"yk-service-card\">\r\n        <div class=\"yk-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n            <path d=\"M3 9h18M7 6.5h.01M10 6.5h.01\"\/>\r\n            <path d=\"m9 13-2 2 2 2m6-4 2 2-2 2m-2-5-2 6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Web Design &amp; Development<\/h3>\r\n        <p>\r\n          Responsive, user-friendly websites built to\r\n          showcase your brand and turn visitors into\r\n          valuable customers.\r\n        <\/p>\r\n        <a class=\"yk-service-link\" href=\"\/web-design-development\/\">\r\n          Explore Service <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- 3. Video Editing -->\r\n      <article class=\"yk-service-card\">\r\n        <div class=\"yk-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"2\"\/>\r\n            <path d=\"m16 10 5-3v10l-5-3z\"\/>\r\n            <path d=\"m8 9 4 3-4 3z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Video Editing<\/h3>\r\n        <p>\r\n          Engaging videos, promotional content, and\r\n          polished edits that capture attention and\r\n          communicate your message.\r\n        <\/p>\r\n        <a class=\"yk-service-link\" href=\"\/video-editing\/\">\r\n          Explore Service <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- 4. Digital Marketing -->\r\n      <article class=\"yk-service-card\">\r\n        <div class=\"yk-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M3 17h3v4H3zM10 12h3v9h-3zM17 7h3v14h-3z\"\/>\r\n            <path d=\"m4 12 6-5 5 2 5-6\"\/>\r\n            <path d=\"M16 3h4v4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Digital Marketing<\/h3>\r\n        <p>\r\n          Targeted digital campaigns and social media\r\n          strategies that grow brand awareness and\r\n          connect you with your audience.\r\n        <\/p>\r\n        <a class=\"yk-service-link\" href=\"\/digital-marketing\/\">\r\n          Explore Service <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- 5. SEO -->\r\n      <article class=\"yk-service-card\">\r\n        <div class=\"yk-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/>\r\n            <path d=\"m15.5 15.5 5 5\"\/>\r\n            <path d=\"M7.5 12.5v-4l3-2 3 2v4\"\/>\r\n            <path d=\"M7.5 10.5h6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>SEO &amp; Growth<\/h3>\r\n        <p>\r\n          Improve search visibility, attract relevant\r\n          visitors, and build a stronger long-term\r\n          presence in search results.\r\n        <\/p>\r\n        <a class=\"yk-service-link\" href=\"\/seo-services\/\">\r\n          Explore Service <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/article>\r\n\r\n      <!-- 6. Content Writing -->\r\n      <article class=\"yk-service-card\">\r\n        <div class=\"yk-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M13 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10z\"\/>\r\n            <path d=\"M13 3v7h7M8 14h8M8 18h8\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Content Writing<\/h3>\r\n        <p>\r\n          Clear website copy, engaging blog posts, and\r\n          persuasive content tailored to your brand\r\n          and your business goals.\r\n        <\/p>\r\n        <a class=\"yk-service-link\" href=\"\/content-writing\/\">\r\n          Explore Service <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/article>\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\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e590d71 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e590d71\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f9d308e\" data-id=\"f9d308e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-abed0fd elementor-widget elementor-widget-html\" data-id=\"abed0fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* =====================================\r\n   YK TECH SOLS \u2014 PREMIUM PORTFOLIO\r\n===================================== *\/\r\n\r\n.yk-portfolio {\r\n  --yk-teal: #008080;\r\n  --yk-teal-dark: #006666;\r\n  --yk-charcoal: #58595B;\r\n  --yk-text: #202326;\r\n  --yk-muted: #747980;\r\n\r\n  background: #f6f8f8;\r\n  padding: 95px 24px;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  color: var(--yk-text);\r\n  overflow: hidden;\r\n}\r\n\r\n.yk-portfolio *,\r\n.yk-portfolio *::before,\r\n.yk-portfolio *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yk-portfolio-inner {\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Heading *\/\r\n\r\n.yk-portfolio-heading {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 25px;\r\n  margin-bottom: 42px;\r\n}\r\n\r\n.yk-portfolio-kicker {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--yk-teal);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.yk-portfolio-kicker::before {\r\n  content: \"\";\r\n  width: 27px;\r\n  height: 2px;\r\n  background: var(--yk-teal);\r\n}\r\n\r\n.yk-portfolio-heading h2 {\r\n  font-size: clamp(32px, 4vw, 46px);\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  letter-spacing: -1.2px;\r\n  color: var(--yk-text);\r\n  margin: 0 0 14px;\r\n}\r\n\r\n.yk-portfolio-heading h2 span {\r\n  color: var(--yk-teal);\r\n}\r\n\r\n.yk-portfolio-heading p {\r\n  color: var(--yk-muted);\r\n  font-size: 14px;\r\n  line-height: 1.85;\r\n  max-width: 550px;\r\n  margin: 0;\r\n}\r\n\r\n.yk-portfolio-viewall {\r\n  flex-shrink: 0;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  padding: 14px 20px;\r\n  background: var(--yk-teal);\r\n  color: #fff !important;\r\n  border: 1px solid var(--yk-teal);\r\n  border-radius: 5px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  transition: .3s ease;\r\n}\r\n\r\n.yk-portfolio-viewall:hover {\r\n  background: var(--yk-teal-dark);\r\n  color: #fff !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.yk-portfolio-viewall span {\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Project grid *\/\r\n\r\n.yk-portfolio-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 25px;\r\n}\r\n\r\n\/* Project card *\/\r\n\r\n.yk-project {\r\n  position: relative;\r\n  isolation: isolate;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border-radius: 12px;\r\n  background: #202326;\r\n  box-shadow: 0 10px 32px rgba(20, 40, 40, .07);\r\n}\r\n\r\n.yk-project-image {\r\n  position: relative;\r\n  aspect-ratio: 1.38 \/ 1;\r\n  overflow: hidden;\r\n  background: #dfe5e5;\r\n}\r\n\r\n.yk-project-image img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform .65s ease;\r\n}\r\n\r\n.yk-project:hover .yk-project-image img {\r\n  transform: scale(1.07);\r\n}\r\n\r\n\/* Dark gradient *\/\r\n\r\n.yk-project-image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 25% 0 0;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    transparent,\r\n    rgba(0, 0, 0, .68)\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Category pill *\/\r\n\r\n.yk-project-category {\r\n  position: absolute;\r\n  top: 19px;\r\n  left: 19px;\r\n  z-index: 2;\r\n  display: inline-block;\r\n  padding: 8px 12px;\r\n  border: 1px solid rgba(255,255,255,.35);\r\n  border-radius: 30px;\r\n  background: rgba(15, 25, 25, .55);\r\n  color: #fff;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: .6px;\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n\/* Hover arrow *\/\r\n\r\n.yk-project-arrow {\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 17px;\r\n  right: 17px;\r\n  width: 43px;\r\n  height: 43px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  background: var(--yk-teal);\r\n  color: #fff;\r\n  font-size: 22px;\r\n  opacity: 0;\r\n  transform: translate(-5px, 5px);\r\n  transition: .3s ease;\r\n}\r\n\r\n.yk-project:hover .yk-project-arrow {\r\n  opacity: 1;\r\n  transform: translate(0, 0);\r\n}\r\n\r\n\/* Project details *\/\r\n\r\n.yk-project-info {\r\n  padding: 23px 24px 25px;\r\n  background: #fff;\r\n  border-top: 3px solid transparent;\r\n  transition: border-color .3s ease;\r\n}\r\n\r\n.yk-project:hover .yk-project-info {\r\n  border-top-color: var(--yk-teal);\r\n}\r\n\r\n.yk-project-info h3 {\r\n  color: var(--yk-text);\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  margin: 0 0 9px;\r\n}\r\n\r\n.yk-project-info p {\r\n  color: var(--yk-muted);\r\n  font-size: 13px;\r\n  line-height: 1.8;\r\n  margin: 0 0 17px;\r\n}\r\n\r\n.yk-project-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: var(--yk-teal-dark) !important;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  transition: gap .25s ease;\r\n}\r\n\r\n.yk-project-link:hover {\r\n  gap: 15px;\r\n}\r\n\r\n.yk-project-link span {\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Bottom CTA *\/\r\n\r\n.yk-portfolio-bottom {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 38px;\r\n}\r\n\r\n.yk-portfolio-bottom a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 15px 25px;\r\n  border: 1px solid #d7dfdf;\r\n  border-radius: 5px;\r\n  color: var(--yk-text) !important;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  transition: .3s ease;\r\n}\r\n\r\n.yk-portfolio-bottom a:hover {\r\n  background: var(--yk-teal);\r\n  border-color: var(--yk-teal);\r\n  color: #fff !important;\r\n}\r\n\r\n.yk-portfolio-bottom span {\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 800px) {\r\n  .yk-portfolio {\r\n    padding: 75px 22px;\r\n  }\r\n\r\n  .yk-portfolio-heading {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .yk-portfolio-grid {\r\n    gap: 18px;\r\n  }\r\n\r\n  .yk-project-info {\r\n    padding: 20px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 540px) {\r\n  .yk-portfolio {\r\n    padding: 60px 18px;\r\n  }\r\n\r\n  .yk-portfolio-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n  }\r\n\r\n  .yk-portfolio-heading h2 {\r\n    font-size: 33px;\r\n  }\r\n\r\n  .yk-portfolio-heading p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .yk-portfolio-viewall {\r\n    padding: 12px 16px;\r\n  }\r\n\r\n  .yk-project-image {\r\n    aspect-ratio: 1.2 \/ 1;\r\n  }\r\n\r\n  .yk-project-arrow {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  .yk-project-info h3 {\r\n    font-size: 19px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .yk-project-image img,\r\n  .yk-project-info,\r\n  .yk-project-arrow,\r\n  .yk-portfolio-viewall,\r\n  .yk-portfolio-bottom a {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yk-portfolio\" id=\"portfolio\">\r\n  <div class=\"yk-portfolio-inner\">\r\n\r\n    <!-- Section heading -->\r\n    <div class=\"yk-portfolio-heading\">\r\n      <div>\r\n        <div class=\"yk-portfolio-kicker\">Selected Projects<\/div>\r\n\r\n        <h2>\r\n          Our Work Speaks<br>\r\n          <span>For Itself.<\/span>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Explore a selection of our creative projects,\r\n          digital experiences, and websites designed\r\n          to help brands stand out and grow.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a href=\"\/portfolio\/\" class=\"yk-portfolio-viewall\">\r\n        View All Projects <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Project cards -->\r\n    <div class=\"yk-portfolio-grid\">\r\n\r\n      <!-- Project 1 -->\r\n      <article class=\"yk-project\">\r\n        <a href=\"\/portfolio\/\" aria-label=\"View website design project\">\r\n          <div class=\"yk-project-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1000&q=85\"\r\n              alt=\"Modern website and analytics dashboard\"\r\n              loading=\"lazy\"\r\n            >\r\n            <span class=\"yk-project-category\">Web Design<\/span>\r\n            <span class=\"yk-project-arrow\">\u2197<\/span>\r\n          <\/div>\r\n        <\/a>\r\n        <div class=\"yk-project-info\">\r\n          <h3>Modern Website Experiences<\/h3>\r\n          <p>\r\n            Responsive website design focused on\r\n            usability, performance, and brand identity.\r\n          <\/p>\r\n          <a class=\"yk-project-link\" href=\"\/portfolio\/\">\r\n            View Project <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Project 2 -->\r\n      <article class=\"yk-project\">\r\n        <a href=\"\/portfolio\/\" aria-label=\"View branding project\">\r\n          <div class=\"yk-project-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1634942536790-253a7b5a8a1c?auto=format&fit=crop&w=1000&q=85\"\r\n              alt=\"Creative visual branding and design\"\r\n              loading=\"lazy\"\r\n            >\r\n            <span class=\"yk-project-category\">Graphic Design<\/span>\r\n            <span class=\"yk-project-arrow\">\u2197<\/span>\r\n          <\/div>\r\n        <\/a>\r\n        <div class=\"yk-project-info\">\r\n          <h3>Creative Brand Identity<\/h3>\r\n          <p>\r\n            Distinctive visual design that gives a brand\r\n            a consistent and memorable look.\r\n          <\/p>\r\n          <a class=\"yk-project-link\" href=\"\/portfolio\/\">\r\n            View Project <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Project 3 -->\r\n      <article class=\"yk-project\">\r\n        <a href=\"\/portfolio\/\" aria-label=\"View ecommerce project\">\r\n          <div class=\"yk-project-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1000&q=85\"\r\n              alt=\"Ecommerce shopping experience\"\r\n              loading=\"lazy\"\r\n            >\r\n            <span class=\"yk-project-category\">E-commerce<\/span>\r\n            <span class=\"yk-project-arrow\">\u2197<\/span>\r\n          <\/div>\r\n        <\/a>\r\n        <div class=\"yk-project-info\">\r\n          <h3>Online Store Development<\/h3>\r\n          <p>\r\n            User-friendly shopping experiences designed\r\n            for clear navigation and easy purchasing.\r\n          <\/p>\r\n          <a class=\"yk-project-link\" href=\"\/portfolio\/\">\r\n            View Project <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Project 4 -->\r\n      <article class=\"yk-project\">\r\n        <a href=\"\/portfolio\/\" aria-label=\"View digital marketing project\">\r\n          <div class=\"yk-project-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1000&q=85\"\r\n              alt=\"Digital marketing and creative collaboration\"\r\n              loading=\"lazy\"\r\n            >\r\n            <span class=\"yk-project-category\">Digital Marketing<\/span>\r\n            <span class=\"yk-project-arrow\">\u2197<\/span>\r\n          <\/div>\r\n        <\/a>\r\n        <div class=\"yk-project-info\">\r\n          <h3>Digital Growth Campaigns<\/h3>\r\n          <p>\r\n            Engaging digital content and marketing\r\n            creative built around each brand's goals.\r\n          <\/p>\r\n          <a class=\"yk-project-link\" href=\"\/portfolio\/\">\r\n            View Project <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom call to action -->\r\n    <div class=\"yk-portfolio-bottom\">\r\n      <a href=\"\/contact\/\">\r\n        Have a project in mind? Let's talk\r\n        <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5bcbb8e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5bcbb8e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4a2be13\" data-id=\"4a2be13\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-648331c elementor-widget elementor-widget-html\" data-id=\"648331c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ====================================\r\n   YK TECH SOLS \u2014 PROJECT STATISTICS\r\n==================================== *\/\r\n\r\n.yk-stats {\r\n  --yk-teal: #008080;\r\n  --yk-charcoal: #58595B;\r\n  --yk-dark: #202326;\r\n\r\n  background: #ffffff;\r\n  padding: 85px 24px;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  color: var(--yk-dark);\r\n}\r\n\r\n.yk-stats *,\r\n.yk-stats *::before,\r\n.yk-stats *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yk-stats-inner {\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Heading *\/\r\n\r\n.yk-stats-heading {\r\n  text-align: center;\r\n  max-width: 650px;\r\n  margin: 0 auto 48px;\r\n}\r\n\r\n.yk-stats-kicker {\r\n  color: var(--yk-teal);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.yk-stats-heading h2 {\r\n  font-size: clamp(30px, 4vw, 43px);\r\n  line-height: 1.2;\r\n  font-weight: 800;\r\n  letter-spacing: -1px;\r\n  margin: 0 0 16px;\r\n  color: var(--yk-dark);\r\n}\r\n\r\n.yk-stats-heading h2 span {\r\n  color: var(--yk-teal);\r\n}\r\n\r\n.yk-stats-heading p {\r\n  color: var(--yk-charcoal);\r\n  font-size: 14px;\r\n  line-height: 1.9;\r\n  margin: 0;\r\n}\r\n\r\n\/* Counters grid *\/\r\n\r\n.yk-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  border: 1px solid #e8eeee;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 12px 40px rgba(20, 50, 50, .045);\r\n}\r\n\r\n.yk-stat {\r\n  position: relative;\r\n  padding: 36px 20px 33px;\r\n  text-align: center;\r\n  background: #fff;\r\n  transition: background .3s ease;\r\n}\r\n\r\n.yk-stat + .yk-stat {\r\n  border-left: 1px solid #e8eeee;\r\n}\r\n\r\n.yk-stat:hover {\r\n  background: #f4f9f9;\r\n}\r\n\r\n\/* Icon *\/\r\n\r\n.yk-stat-icon {\r\n  width: 53px;\r\n  height: 53px;\r\n  margin: 0 auto 20px;\r\n  border-radius: 12px;\r\n  background: rgba(0, 128, 128, .09);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--yk-teal);\r\n}\r\n\r\n.yk-stat-icon svg {\r\n  width: 25px;\r\n  height: 25px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* Number *\/\r\n\r\n.yk-stat-number {\r\n  color: var(--yk-teal);\r\n  font-size: clamp(34px, 3.5vw, 48px);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  letter-spacing: -1.5px;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.yk-stat-number .yk-suffix {\r\n  font-size: .7em;\r\n  margin-left: 2px;\r\n}\r\n\r\n.yk-stat h3 {\r\n  color: var(--yk-dark);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n  margin: 0 0 9px;\r\n}\r\n\r\n.yk-stat p {\r\n  color: #777d82;\r\n  font-size: 12px;\r\n  line-height: 1.75;\r\n  margin: 0;\r\n}\r\n\r\n\/* Bottom accent *\/\r\n\r\n.yk-stat::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 0;\r\n  height: 3px;\r\n  background: var(--yk-teal);\r\n  transform: translateX(-50%);\r\n  transition: width .3s ease;\r\n}\r\n\r\n.yk-stat:hover::after {\r\n  width: 55%;\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 850px) {\r\n  .yk-stats {\r\n    padding: 70px 22px;\r\n  }\r\n\r\n  .yk-stats-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .yk-stat:nth-child(3) {\r\n    border-left: none;\r\n    border-top: 1px solid #e8eeee;\r\n  }\r\n\r\n  .yk-stat:nth-child(4) {\r\n    border-top: 1px solid #e8eeee;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 480px) {\r\n  .yk-stats {\r\n    padding: 55px 17px;\r\n  }\r\n\r\n  .yk-stats-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .yk-stats-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .yk-stat {\r\n    padding: 27px 12px;\r\n  }\r\n\r\n  .yk-stat-icon {\r\n    width: 45px;\r\n    height: 45px;\r\n    margin-bottom: 17px;\r\n  }\r\n\r\n  .yk-stat-number {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .yk-stat h3 {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .yk-stat p {\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .yk-stat,\r\n  .yk-stat::after {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yk-stats\" id=\"statistics\">\r\n  <div class=\"yk-stats-inner\">\r\n\r\n    <div class=\"yk-stats-heading\">\r\n      <div class=\"yk-stats-kicker\">OUR ACHIEVEMENTS<\/div>\r\n\r\n      <h2>\r\n        Numbers That Reflect\r\n        <span>Our Work.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Every project is an opportunity to create value.\r\n        We combine creativity, technology, and strategy\r\n        to help businesses move forward.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"yk-stats-grid\">\r\n\r\n      <!-- Projects completed -->\r\n      <article class=\"yk-stat\">\r\n        <div class=\"yk-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M9 12l2 2 4-4\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <path d=\"M8 3.8 9 2h6l1 1.8\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"yk-stat-number\"\r\n             data-target=\"150\"\r\n             data-suffix=\"+\"\r\n             aria-label=\"150 plus\">\r\n          0<span class=\"yk-suffix\">+<\/span>\r\n        <\/div>\r\n\r\n        <h3>Projects Completed<\/h3>\r\n        <p>Creative digital solutions delivered.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Clients -->\r\n      <article class=\"yk-stat\">\r\n        <div class=\"yk-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"9\" cy=\"8\" r=\"4\"\/>\r\n            <path d=\"M2 21v-2a7 7 0 0 1 14 0v2\"\/>\r\n            <path d=\"M16 4a4 4 0 0 1 0 8\"\/>\r\n            <path d=\"M18 14a6 6 0 0 1 4 5v2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"yk-stat-number\"\r\n             data-target=\"100\"\r\n             data-suffix=\"+\"\r\n             aria-label=\"100 plus\">\r\n          0<span class=\"yk-suffix\">+<\/span>\r\n        <\/div>\r\n\r\n        <h3>Happy Clients<\/h3>\r\n        <p>Businesses and brands we've supported.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Experience -->\r\n      <article class=\"yk-stat\">\r\n        <div class=\"yk-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n            <path d=\"M16 3v4M8 3v4M3 10h18\"\/>\r\n            <path d=\"m9 15 2 2 4-4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"yk-stat-number\"\r\n             data-target=\"12\"\r\n             data-suffix=\"+\"\r\n             aria-label=\"12 plus\">\r\n          0<span class=\"yk-suffix\">+<\/span>\r\n        <\/div>\r\n\r\n        <h3>Years of Experience<\/h3>\r\n        <p>Experience across digital services.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Services -->\r\n      <article class=\"yk-stat\">\r\n        <div class=\"yk-stat-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/>\r\n            <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/>\r\n            <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/>\r\n            <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"yk-stat-number\"\r\n             data-target=\"10\"\r\n             data-suffix=\"+\"\r\n             aria-label=\"10 plus\">\r\n          0<span class=\"yk-suffix\">+<\/span>\r\n        <\/div>\r\n\r\n        <h3>Digital Solutions<\/h3>\r\n        <p>Design, development, and marketing.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  function initYKStats() {\r\n    document.querySelectorAll(\r\n      '.yk-stats:not([data-yk-stats-ready])'\r\n    ).forEach(function (section) {\r\n      section.setAttribute('data-yk-stats-ready', 'true');\r\n\r\n      var counters = section.querySelectorAll(\r\n        '.yk-stat-number[data-target]'\r\n      );\r\n\r\n      function animateCounter(counter) {\r\n        if (counter.dataset.animated === 'true') return;\r\n        counter.dataset.animated = 'true';\r\n\r\n        var target = Number(counter.dataset.target);\r\n        var suffix = counter.dataset.suffix || '';\r\n        var duration = 1600;\r\n        var startTime = null;\r\n\r\n        function step(timestamp) {\r\n          if (!startTime) startTime = timestamp;\r\n\r\n          var progress = Math.min(\r\n            (timestamp - startTime) \/ duration, 1\r\n          );\r\n\r\n          \/* Smooth ease-out animation *\/\r\n          var eased = 1 - Math.pow(1 - progress, 4);\r\n          var current = Math.round(target * eased);\r\n\r\n          counter.innerHTML =\r\n            current.toLocaleString() +\r\n            '<span class=\"yk-suffix\">' +\r\n            suffix +\r\n            '<\/span>';\r\n\r\n          if (progress < 1) {\r\n            window.requestAnimationFrame(step);\r\n          }\r\n        }\r\n\r\n        window.requestAnimationFrame(step);\r\n      }\r\n\r\n      if ('IntersectionObserver' in window) {\r\n        var observer = new IntersectionObserver(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        }, { threshold: 0.25 });\r\n\r\n        observer.observe(section);\r\n      } else {\r\n        counters.forEach(animateCounter);\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initYKStats);\r\n  } else {\r\n    initYKStats();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ad962fe elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ad962fe\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1bfe1ab\" data-id=\"1bfe1ab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c1fec9 elementor-widget elementor-widget-html\" data-id=\"5c1fec9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ======================================\r\n   YK TECH SOLS \u2014 PREMIUM TESTIMONIALS\r\n====================================== *\/\r\n\r\n.yk-testimonials {\r\n  --yk-teal: #008080;\r\n  --yk-teal-dark: #006666;\r\n  --yk-charcoal: #58595B;\r\n  --yk-text: #202326;\r\n\r\n  padding: 90px 24px;\r\n  background: #f5f7f7;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  color: var(--yk-text);\r\n  overflow: hidden;\r\n}\r\n\r\n.yk-testimonials *,\r\n.yk-testimonials *::before,\r\n.yk-testimonials *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yk-testimonials-inner {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.yk-testimonials-heading {\r\n  text-align: center;\r\n  margin: 0 auto 42px;\r\n  max-width: 650px;\r\n}\r\n\r\n.yk-testimonials-kicker {\r\n  color: var(--yk-teal);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 13px;\r\n}\r\n\r\n.yk-testimonials-heading h2 {\r\n  color: var(--yk-text);\r\n  font-size: clamp(32px, 4vw, 44px);\r\n  line-height: 1.2;\r\n  letter-spacing: -1px;\r\n  font-weight: 800;\r\n  margin: 0 0 15px;\r\n}\r\n\r\n.yk-testimonials-heading h2 span {\r\n  color: var(--yk-teal);\r\n}\r\n\r\n.yk-testimonials-heading p {\r\n  color: var(--yk-charcoal);\r\n  font-size: 14px;\r\n  line-height: 1.85;\r\n  margin: 0;\r\n}\r\n\r\n\/* Slider frame *\/\r\n\r\n.yk-testimonial-slider {\r\n  position: relative;\r\n  max-width: 850px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Individual review *\/\r\n\r\n.yk-testimonial-card {\r\n  display: none;\r\n  background: #fff;\r\n  border: 1px solid #e7eded;\r\n  border-radius: 16px;\r\n  padding: 45px 50px 35px;\r\n  box-shadow: 0 18px 55px rgba(20, 50, 50, .055);\r\n  animation: ykTestimonialEnter .4s ease both;\r\n}\r\n\r\n.yk-testimonial-card.is-active {\r\n  display: block;\r\n}\r\n\r\n@keyframes ykTestimonialEnter {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(8px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Quote symbol *\/\r\n\r\n.yk-testimonial-quote-icon {\r\n  color: var(--yk-teal);\r\n  font-family: Georgia, serif;\r\n  font-size: 65px;\r\n  line-height: .9;\r\n  height: 52px;\r\n  opacity: .85;\r\n}\r\n\r\n\/* Stars *\/\r\n\r\n.yk-testimonial-stars {\r\n  display: flex;\r\n  gap: 5px;\r\n  margin: 12px 0 20px;\r\n  color: var(--yk-teal);\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Review copy *\/\r\n\r\n.yk-testimonial-card blockquote {\r\n  margin: 0 0 28px;\r\n  color: #34383b;\r\n  font-size: clamp(17px, 2.2vw, 22px);\r\n  line-height: 1.8;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Client profile *\/\r\n\r\n.yk-testimonial-client {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding-top: 23px;\r\n  border-top: 1px solid #edf0f0;\r\n}\r\n\r\n.yk-testimonial-client img {\r\n  width: 58px;\r\n  height: 58px;\r\n  border-radius: 50%;\r\n  object-fit: cover;\r\n  border: 2px solid rgba(0, 128, 128, .25);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.yk-testimonial-client-info {\r\n  min-width: 0;\r\n  flex: 1;\r\n}\r\n\r\n.yk-testimonial-client h3 {\r\n  color: var(--yk-text);\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  margin: 0 0 5px;\r\n}\r\n\r\n.yk-testimonial-client p {\r\n  color: var(--yk-charcoal);\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n.yk-testimonial-verified {\r\n  color: var(--yk-teal);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Slider controls *\/\r\n\r\n.yk-testimonial-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 18px;\r\n  margin-top: 28px;\r\n}\r\n\r\n.yk-testimonial-arrow {\r\n  width: 43px;\r\n  height: 43px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid #d8e2e2;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  color: var(--yk-teal);\r\n  font-size: 21px;\r\n  cursor: pointer;\r\n  transition: background .25s, color .25s, transform .25s;\r\n}\r\n\r\n.yk-testimonial-arrow:hover {\r\n  background: var(--yk-teal);\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.yk-testimonial-dots {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.yk-testimonial-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 20px;\r\n  background: #cbd4d4;\r\n  cursor: pointer;\r\n  transition: width .25s, background .25s;\r\n}\r\n\r\n.yk-testimonial-dot.is-active {\r\n  width: 25px;\r\n  background: var(--yk-teal);\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 600px) {\r\n  .yk-testimonials {\r\n    padding: 60px 17px;\r\n  }\r\n\r\n  .yk-testimonials-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .yk-testimonial-card {\r\n    padding: 28px 23px 25px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .yk-testimonial-quote-icon {\r\n    font-size: 53px;\r\n  }\r\n\r\n  .yk-testimonial-card blockquote {\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .yk-testimonial-client img {\r\n    width: 49px;\r\n    height: 49px;\r\n  }\r\n\r\n  .yk-testimonial-verified {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .yk-testimonial-card {\r\n    animation: none;\r\n  }\r\n\r\n  .yk-testimonial-arrow,\r\n  .yk-testimonial-dot {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yk-testimonials\" id=\"testimonials\">\r\n  <div class=\"yk-testimonials-inner\">\r\n\r\n    <div class=\"yk-testimonials-heading\">\r\n      <div class=\"yk-testimonials-kicker\">\r\n        CLIENT TESTIMONIALS\r\n      <\/div>\r\n\r\n      <h2>\r\n        What Our Clients\r\n        <span>Say About Us.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Building trust is at the heart of everything we do.\r\n        Here's where genuine client feedback can showcase\r\n        the experience of working with YK Tech Sols.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"yk-testimonial-slider\"\r\n         aria-label=\"Client testimonials\">\r\n\r\n      <!-- REVIEW 1: Replace with genuine feedback -->\r\n      <article class=\"yk-testimonial-card is-active\">\r\n        <div class=\"yk-testimonial-quote-icon\">\u201c<\/div>\r\n\r\n        <div class=\"yk-testimonial-stars\"\r\n             aria-label=\"5 out of 5 stars\">\r\n          \u2605\u2605\u2605\u2605\u2605\r\n        <\/div>\r\n\r\n        <blockquote>\r\n          \u201cThe team understood our requirements and\r\n          delivered a professional, polished digital\r\n          experience. Communication throughout the\r\n          project was excellent.\u201d\r\n        <\/blockquote>\r\n\r\n        <div class=\"yk-testimonial-client\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=150&h=150&q=80\"\r\n            alt=\"Client portrait\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"yk-testimonial-client-info\">\r\n            <h3>Client Name<\/h3>\r\n            <p>Business Owner<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"yk-testimonial-verified\">\r\n            Client Review\r\n          <\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- REVIEW 2: Replace with genuine feedback -->\r\n      <article class=\"yk-testimonial-card\">\r\n        <div class=\"yk-testimonial-quote-icon\">\u201c<\/div>\r\n\r\n        <div class=\"yk-testimonial-stars\"\r\n             aria-label=\"5 out of 5 stars\">\r\n          \u2605\u2605\u2605\u2605\u2605\r\n        <\/div>\r\n\r\n        <blockquote>\r\n          \u201cCreative ideas, thoughtful design, and\r\n          a smooth process made this project a\r\n          positive experience from start to finish.\u201d\r\n        <\/blockquote>\r\n\r\n        <div class=\"yk-testimonial-client\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=150&h=150&q=80\"\r\n            alt=\"Client portrait\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"yk-testimonial-client-info\">\r\n            <h3>Client Name<\/h3>\r\n            <p>Company Representative<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"yk-testimonial-verified\">\r\n            Client Review\r\n          <\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- REVIEW 3: Replace with genuine feedback -->\r\n      <article class=\"yk-testimonial-card\">\r\n        <div class=\"yk-testimonial-quote-icon\">\u201c<\/div>\r\n\r\n        <div class=\"yk-testimonial-stars\"\r\n             aria-label=\"5 out of 5 stars\">\r\n          \u2605\u2605\u2605\u2605\u2605\r\n        <\/div>\r\n\r\n        <blockquote>\r\n          \u201cThe website looks modern, feels easy to\r\n          navigate, and represents our brand much\r\n          better. The attention to detail was valuable.\u201d\r\n        <\/blockquote>\r\n\r\n        <div class=\"yk-testimonial-client\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=150&h=150&q=80\"\r\n            alt=\"Client portrait\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"yk-testimonial-client-info\">\r\n            <h3>Client Name<\/h3>\r\n            <p>Project Client<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"yk-testimonial-verified\">\r\n            Client Review\r\n          <\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Navigation -->\r\n      <div class=\"yk-testimonial-controls\">\r\n        <button type=\"button\"\r\n                class=\"yk-testimonial-arrow yk-testimonial-prev\"\r\n                aria-label=\"Previous testimonial\">\r\n          \u2190\r\n        <\/button>\r\n\r\n        <div class=\"yk-testimonial-dots\"\r\n             aria-label=\"Choose a testimonial\">\r\n          <button type=\"button\"\r\n                  class=\"yk-testimonial-dot is-active\"\r\n                  aria-label=\"Show testimonial 1\"\r\n                  aria-pressed=\"true\"><\/button>\r\n\r\n          <button type=\"button\"\r\n                  class=\"yk-testimonial-dot\"\r\n                  aria-label=\"Show testimonial 2\"\r\n                  aria-pressed=\"false\"><\/button>\r\n\r\n          <button type=\"button\"\r\n                  class=\"yk-testimonial-dot\"\r\n                  aria-label=\"Show testimonial 3\"\r\n                  aria-pressed=\"false\"><\/button>\r\n        <\/div>\r\n\r\n        <button type=\"button\"\r\n                class=\"yk-testimonial-arrow yk-testimonial-next\"\r\n                aria-label=\"Next testimonial\">\r\n          \u2192\r\n        <\/button>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  function initYKTestimonials() {\r\n    document.querySelectorAll(\r\n      '.yk-testimonials:not([data-yk-ready])'\r\n    ).forEach(function (section) {\r\n      section.setAttribute('data-yk-ready', 'true');\r\n\r\n      var cards = Array.from(\r\n        section.querySelectorAll('.yk-testimonial-card')\r\n      );\r\n      var dots = Array.from(\r\n        section.querySelectorAll('.yk-testimonial-dot')\r\n      );\r\n      var previous = section.querySelector(\r\n        '.yk-testimonial-prev'\r\n      );\r\n      var next = section.querySelector(\r\n        '.yk-testimonial-next'\r\n      );\r\n\r\n      if (!cards.length) return;\r\n\r\n      var current = 0;\r\n\r\n      function showSlide(index) {\r\n        current = (index + cards.length) % cards.length;\r\n\r\n        cards.forEach(function (card, i) {\r\n          card.classList.toggle('is-active', i === current);\r\n        });\r\n\r\n        dots.forEach(function (dot, i) {\r\n          dot.classList.toggle('is-active', i === current);\r\n          dot.setAttribute(\r\n            'aria-pressed',\r\n            String(i === current)\r\n          );\r\n        });\r\n      }\r\n\r\n      previous.addEventListener('click', function () {\r\n        showSlide(current - 1);\r\n      });\r\n\r\n      next.addEventListener('click', function () {\r\n        showSlide(current + 1);\r\n      });\r\n\r\n      dots.forEach(function (dot, i) {\r\n        dot.addEventListener('click', function () {\r\n          showSlide(i);\r\n        });\r\n      });\r\n\r\n      showSlide(0);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener(\r\n      'DOMContentLoaded', initYKTestimonials\r\n    );\r\n  } else {\r\n    initYKTestimonials();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a0f92f0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a0f92f0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4cabdc0\" data-id=\"4cabdc0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f5c78b elementor-widget elementor-widget-html\" data-id=\"1f5c78b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- YK TECH SOLS \u2014 MODERN MINIMAL FOOTER -->\r\n<footer class=\"yk-modern-footer\" id=\"yk-footer\">\r\n  <div class=\"yk-footer-wrap\">\r\n\r\n    <div class=\"yk-footer-top\">\r\n\r\n      <!-- BRAND -->\r\n      <div class=\"yk-footer-brand\">\r\n        <a href=\"\/\" class=\"yk-footer-logo\" aria-label=\"YK Tech Sols Home\">\r\n          YK <span>Tech Sols<\/span>\r\n        <\/a>\r\n\r\n        <p class=\"yk-footer-tagline\">\r\n          Creative ideas. Smart technology.<br>\r\n          Meaningful digital growth.\r\n        <\/p>\r\n\r\n        <div class=\"yk-footer-socials\">\r\n          <a href=\"https:\/\/www.facebook.com\/yktechsols\"\r\n             target=\"_blank\" rel=\"noopener noreferrer\"\r\n             aria-label=\"Facebook\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v5h4v-5h3l1-4h-4V9c0-.7.3-1 1-1z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/www.instagram.com\/yktechsols\/\"\r\n             target=\"_blank\" rel=\"noopener noreferrer\"\r\n             aria-label=\"Instagram\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n              <circle class=\"yk-insta-dot\" cx=\"17.5\" cy=\"6.8\" r=\"1\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/www.linkedin.com\/company\/yktechsols\/\"\r\n             target=\"_blank\" rel=\"noopener noreferrer\"\r\n             aria-label=\"LinkedIn\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M5 9v10M5 5v.1M10 19v-6c0-2 4-3 4 0v6M10 9v10M18 19v-6c0-5-5-5-8-2\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- QUICK LINKS -->\r\n      <div class=\"yk-footer-links\">\r\n        <h3>Explore<\/h3>\r\n        <a href=\"\/\">Home<\/a>\r\n        <a href=\"#services\">Services<\/a>\r\n        <a href=\"#portfolio\">Portfolio<\/a>\r\n        <a href=\"#testimonials\">Testimonials<\/a>\r\n        <a href=\"\/contact\/\">Contact<\/a>\r\n      <\/div>\r\n\r\n      <!-- CONTACT -->\r\n      <div class=\"yk-footer-contact\">\r\n        <h3>Let's work together.<\/h3>\r\n        <p>Have a project in mind? Let's make it happen.<\/p>\r\n\r\n        <a class=\"yk-footer-cta\" href=\"\/contact\/\">\r\n          Start a Project\r\n          <span aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"yk-footer-contact-link\"\r\n           href=\"mailto:yktechsols@gmail.com\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\r\n            <path d=\"m4 7 8 6 8-6\"\/>\r\n          <\/svg>\r\n          yktechsols@gmail.com\r\n        <\/a>\r\n\r\n        <a class=\"yk-footer-contact-link\"\r\n           href=\"tel:+923430267007\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M7 3H4a1 1 0 0 0-1 1c0 9.4 7.6 17 17 17a1 1 0 0 0 1-1v-3l-5-2-2 3a14 14 0 0 1-6-6l3-2-2-5H7z\"\/>\r\n          <\/svg>\r\n          0343 0267007\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- COPYRIGHT BAR -->\r\n    <div class=\"yk-footer-bottom\">\r\n      <p>\r\n        \u00a9 <span class=\"yk-footer-year\">2026<\/span>\r\n        <strong>YK Tech Sols.<\/strong> All rights reserved.\r\n      <\/p>\r\n\r\n      <div class=\"yk-footer-legal\">\r\n        <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>\r\n        <span aria-hidden=\"true\">\u00b7<\/span>\r\n        <a href=\"\/terms-and-conditions\/\">Terms<\/a>\r\n      <\/div>\r\n\r\n      <button class=\"yk-footer-top-button\"\r\n              type=\"button\"\r\n              aria-label=\"Back to top\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m5 12 7-7 7 7M12 5v14\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n.yk-modern-footer,\r\n.yk-modern-footer * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yk-modern-footer {\r\n  --yk-teal: #008080;\r\n  --yk-teal-bright: #13b8b8;\r\n  --yk-text: #aeb8b8;\r\n  background:\r\n    radial-gradient(ellipse at 95% 0%, rgba(0,128,128,.13), transparent 38%),\r\n    #171b1b;\r\n  color: #fff;\r\n  padding: 76px 26px 0;\r\n  font-family: Inter, Arial, Helvetica, sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.yk-modern-footer::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 5.5%;\r\n  right: 5.5%;\r\n  height: 1px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(19,184,184,.7),\r\n    transparent\r\n  );\r\n}\r\n\r\n.yk-footer-wrap {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.yk-footer-top {\r\n  display: grid;\r\n  grid-template-columns: 1.25fr .7fr 1fr;\r\n  gap: clamp(40px, 7vw, 105px);\r\n  padding-bottom: 64px;\r\n}\r\n\r\n.yk-footer-logo {\r\n  display: inline-block;\r\n  color: #fff;\r\n  font-size: clamp(27px, 2.5vw, 35px);\r\n  font-weight: 800;\r\n  letter-spacing: -1.4px;\r\n  line-height: 1.2;\r\n  text-decoration: none;\r\n}\r\n\r\n.yk-footer-logo span {\r\n  color: var(--yk-teal-bright);\r\n}\r\n\r\n.yk-footer-tagline {\r\n  margin: 20px 0 25px;\r\n  color: var(--yk-text);\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n}\r\n\r\n.yk-footer-socials {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.yk-footer-socials a {\r\n  width: 42px;\r\n  height: 42px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid #3c4646;\r\n  border-radius: 50%;\r\n  color: #fff;\r\n  transition: background .25s ease, border-color .25s ease,\r\n              transform .25s ease;\r\n}\r\n\r\n.yk-footer-socials a:hover {\r\n  background: var(--yk-teal);\r\n  border-color: var(--yk-teal);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.yk-footer-socials svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.yk-footer-socials a:first-child svg {\r\n  fill: currentColor;\r\n  stroke: none;\r\n}\r\n\r\n.yk-footer-socials .yk-insta-dot {\r\n  fill: currentColor;\r\n  stroke: none;\r\n}\r\n\r\n.yk-footer-links h3,\r\n.yk-footer-contact h3 {\r\n  margin: 4px 0 24px;\r\n  color: #fff;\r\n  font-size: 18px;\r\n  font-weight: 650;\r\n  letter-spacing: -.3px;\r\n}\r\n\r\n.yk-footer-links {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n}\r\n\r\n.yk-footer-links a {\r\n  margin-bottom: 15px;\r\n  color: var(--yk-text);\r\n  font-size: 14px;\r\n  text-decoration: none;\r\n  transition: color .2s ease, transform .2s ease;\r\n}\r\n\r\n.yk-footer-links a:hover {\r\n  color: var(--yk-teal-bright);\r\n  transform: translateX(3px);\r\n}\r\n\r\n.yk-footer-contact h3 {\r\n  margin-bottom: 13px;\r\n  font-size: clamp(20px, 2vw, 25px);\r\n  line-height: 1.4;\r\n}\r\n\r\n.yk-footer-contact > p {\r\n  margin: 0 0 20px;\r\n  color: var(--yk-text);\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.yk-footer-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 28px;\r\n  padding: 14px 20px;\r\n  margin-bottom: 23px;\r\n  border-radius: 5px;\r\n  background: var(--yk-teal);\r\n  color: #fff;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: background .25s ease, transform .25s ease,\r\n              box-shadow .25s ease;\r\n}\r\n\r\n.yk-footer-cta span {\r\n  font-size: 19px;\r\n  line-height: 1;\r\n}\r\n\r\n.yk-footer-cta:hover {\r\n  background: #009696;\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 7px 24px rgba(0,128,128,.2);\r\n}\r\n\r\n.yk-footer-contact-link {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  width: fit-content;\r\n  max-width: 100%;\r\n  margin-top: 13px;\r\n  color: var(--yk-text);\r\n  font-size: 14px;\r\n  text-decoration: none;\r\n  overflow-wrap: anywhere;\r\n  transition: color .2s ease;\r\n}\r\n\r\n.yk-footer-contact-link:hover {\r\n  color: #fff;\r\n}\r\n\r\n.yk-footer-contact-link svg {\r\n  flex: 0 0 18px;\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: none;\r\n  stroke: var(--yk-teal-bright);\r\n  stroke-width: 1.6;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.yk-footer-bottom {\r\n  min-height: 82px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n  border-top: 1px solid #343d3d;\r\n  position: relative;\r\n}\r\n\r\n.yk-footer-bottom > p {\r\n  margin: 0;\r\n  color: #98a3a3;\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.yk-footer-bottom strong {\r\n  color: #e7eeee;\r\n  font-weight: 600;\r\n}\r\n\r\n.yk-footer-legal {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n}\r\n\r\n.yk-footer-legal a {\r\n  color: #98a3a3;\r\n  font-size: 12px;\r\n  text-decoration: none;\r\n  transition: color .2s ease;\r\n}\r\n\r\n.yk-footer-legal a:hover {\r\n  color: #fff;\r\n}\r\n\r\n.yk-footer-legal span {\r\n  color: var(--yk-teal-bright);\r\n}\r\n\r\n.yk-footer-top-button {\r\n  flex: 0 0 44px;\r\n  width: 44px;\r\n  height: 44px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0;\r\n  border: 1px solid var(--yk-teal);\r\n  border-radius: 50%;\r\n  background: transparent;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  transition: background .25s ease, transform .25s ease,\r\n              box-shadow .25s ease;\r\n}\r\n\r\n.yk-footer-top-button:hover {\r\n  background: var(--yk-teal);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 0 18px rgba(0,128,128,.25);\r\n}\r\n\r\n.yk-footer-top-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.yk-modern-footer a:focus-visible,\r\n.yk-modern-footer button:focus-visible {\r\n  outline: 2px solid var(--yk-teal-bright);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 900px) {\r\n  .yk-footer-top {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 42px;\r\n  }\r\n\r\n  .yk-footer-brand {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 560px) {\r\n  .yk-modern-footer {\r\n    padding: 55px 22px 0;\r\n  }\r\n\r\n  .yk-footer-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 36px;\r\n    padding-bottom: 40px;\r\n  }\r\n\r\n  .yk-footer-brand {\r\n    grid-column: auto;\r\n  }\r\n\r\n  .yk-footer-tagline {\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .yk-footer-links h3,\r\n  .yk-footer-contact h3 {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .yk-footer-bottom {\r\n    min-height: 0;\r\n    padding: 22px 0 25px;\r\n    padding-right: 54px;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 13px;\r\n  }\r\n\r\n  .yk-footer-top-button {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 20px;\r\n  }\r\n\r\n  .yk-footer-legal {\r\n    flex-wrap: wrap;\r\n    gap: 9px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .yk-modern-footer *,\r\n  .yk-modern-footer *::before,\r\n  .yk-modern-footer *::after {\r\n    transition: none !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const footer = document.querySelector(\"#yk-footer\");\r\n  if (!footer) return;\r\n\r\n  const year = footer.querySelector(\".yk-footer-year\");\r\n  if (year) {\r\n    year.textContent = new Date().getFullYear();\r\n  }\r\n\r\n  const topButton = footer.querySelector(\".yk-footer-top-button\");\r\n  if (topButton) {\r\n    topButton.addEventListener(\"click\", function () {\r\n      window.scrollTo({\r\n        top: 0,\r\n        behavior: window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches ? \"auto\" : \"smooth\"\r\n      });\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CREATIVE We bring creative ideas to life through innovative design, powerful websites, and digital experiences that help your business grow. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yktechsols.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yktechsols.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yktechsols.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yktechsols.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yktechsols.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":61,"href":"https:\/\/yktechsols.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/yktechsols.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/yktechsols.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}