{"id":17,"date":"2026-09-27T14:13:30","date_gmt":"2026-09-27T14:13:30","guid":{"rendered":"https:\/\/skysoftservices.com\/?page_id=17"},"modified":"2026-09-28T10:25:20","modified_gmt":"2026-09-28T10:25:20","slug":"home","status":"publish","type":"page","link":"https:\/\/skysoftservices.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7851b31 e-con e-atomic-element e-flexbox-base e-default-div e-70388d2 \" data-id=\"7851b31\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7851b31\">\n    \t\t<div class=\"elementor-element elementor-element-8e4fc84 elementor-widget elementor-widget-heading\" data-id=\"8e4fc84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Welcome to SkySoft Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0059d9 elementor-widget elementor-widget-heading\" data-id=\"b0059d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your Digital Growth Partner<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fffbc2e elementor-widget elementor-widget-heading\" data-id=\"fffbc2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We help businesses, brands, and creators grow online with Web Development, Digital Marketing,<br>SEO, Graphic Design, Social Media &amp; Smart Digital Solutions.<\/h2>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6758db5 e-con e-atomic-element e-flexbox-base e-default-div e-7124096 \" data-id=\"6758db5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6758db5\">\n    \t\t<div class=\"elementor-element elementor-element-7cbcc51 elementor-widget elementor-widget-html\" data-id=\"7cbcc51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SERVICES TICKER  \u2014  Full width 1200px\r\n============================================================ -->\r\n<section class=\"services-ticker\">\r\n  <style>\r\n    .services-ticker *,\r\n    .services-ticker *::before,\r\n    .services-ticker *::after{\r\n      margin:0; padding:0; box-sizing:border-box;\r\n    }\r\n\r\n    .services-ticker{\r\n      width:100%;\r\n      max-width:1200px;             \/* full 1200px *\/\r\n      margin:0 auto;\r\n      padding:0;                    \/* no side padding *\/\r\n      font-family:'Poppins', system-ui, -apple-system, \"Segoe UI\", sans-serif;\r\n      position:relative;\r\n      isolation:isolate;\r\n    }\r\n\r\n    \/* ---------- 50px TICKER STRIP (full width) ---------- *\/\r\n    .services-ticker .tk-strip{\r\n      position:relative;\r\n      width:100%;                   \/* fills the 1200px *\/\r\n      height:50px;\r\n      display:flex;\r\n      align-items:center;\r\n      border-radius:14px;\r\n      background:linear-gradient(90deg, #cda349, #b38a2f, #cda349);\r\n      border:1px solid rgba(255,255,255,0.2);\r\n      overflow:hidden;\r\n      box-shadow:0 10px 30px -18px rgba(0,0,0,.85),\r\n                 inset 0 1px 0 rgba(255,255,255,.25);\r\n    }\r\n\r\n    \/* left + right edge fade *\/\r\n    .services-ticker .tk-strip::before,\r\n    .services-ticker .tk-strip::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      top:0; bottom:0;\r\n      width:60px;\r\n      z-index:3;\r\n      pointer-events:none;\r\n    }\r\n    .services-ticker .tk-strip::before{\r\n      left:0;\r\n      background:linear-gradient(90deg, #b38a2f, transparent);\r\n    }\r\n    .services-ticker .tk-strip::after{\r\n      right:0;\r\n      background:linear-gradient(270deg, #b38a2f, transparent);\r\n    }\r\n\r\n    \/* ---------- MOVING TRACK ---------- *\/\r\n    .services-ticker .tk-track{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:0;\r\n      white-space:nowrap;\r\n      will-change:transform;\r\n      animation:tkScroll 40s linear infinite;\r\n    }\r\n\r\n    .services-ticker .tk-strip:hover .tk-track{\r\n      animation-play-state:paused;\r\n    }\r\n\r\n    @keyframes tkScroll{\r\n      from{transform:translateX(0)}\r\n      to{transform:translateX(-50%)}\r\n    }\r\n\r\n    \/* ---------- EACH SERVICE ITEM ---------- *\/\r\n    .services-ticker .tk-item{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:0 26px;\r\n      height:50px;\r\n      flex-shrink:0;\r\n      color:#1a1a1a;\r\n      font-size:.95rem;\r\n      font-weight:600;\r\n      letter-spacing:.2px;\r\n      text-decoration:none;\r\n      transition:color .3s ease;\r\n      white-space:nowrap;\r\n    }\r\n    .services-ticker .tk-item:hover{color:#500000}\r\n\r\n    .services-ticker .tk-item .tk-emoji{\r\n      font-size:1.05rem;\r\n      line-height:1;\r\n      filter:drop-shadow(0 1px 1px rgba(255,255,255,.5));\r\n    }\r\n\r\n    \/* separator dot *\/\r\n    .services-ticker .tk-sep{\r\n      width:6px;\r\n      height:6px;\r\n      border-radius:50%;\r\n      background:#500000;\r\n      flex-shrink:0;\r\n      opacity:.75;\r\n    }\r\n\r\n    \/* ---------- RESPONSIVE ---------- *\/\r\n    @media (max-width:1240px){\r\n      .services-ticker{padding:0 20px}   \/* chhoti screen pe side breathing room *\/\r\n    }\r\n    @media (max-width:640px){\r\n      .services-ticker{padding:0 14px}\r\n      .services-ticker .tk-item{\r\n        padding:0 18px;\r\n        font-size:.85rem;\r\n      }\r\n      .services-ticker .tk-track{animation-duration:28s}\r\n      .services-ticker .tk-strip::before,\r\n      .services-ticker .tk-strip::after{width:36px}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tk-strip\">\r\n    <div class=\"tk-track\" id=\"tkTrack\">\r\n\r\n      <!-- SET 1 -->\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Website%20Development%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83d\udcbb<\/span> Website Development<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Social%20Media%20Marketing%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83d\udcf1<\/span> Social Media Marketing<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20SEO%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83d\udd0d<\/span> SEO<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Graphic%20Design%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83c\udfa8<\/span> Graphic Design<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20UI%2FUX%20Design%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83e\udde9<\/span> UI\/UX Design<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20YouTube%20Growth%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\u25b6\ufe0f<\/span> YouTube Growth<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Digital%20Marketing%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83d\udcc8<\/span> Digital Marketing<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Automation%20%26%20Digital%20Tools%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\u2699\ufe0f<\/span> Automation &amp; Digital Tools<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20AI%20Tools%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83e\udd16<\/span> AI Tools<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n\r\n      <!-- SET 2 (duplicate for seamless loop) -->\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Website%20Development%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83d\udcbb<\/span> Website Development<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Social%20Media%20Marketing%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83d\udcf1<\/span> Social Media Marketing<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20SEO%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83d\udd0d<\/span> SEO<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Graphic%20Design%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83c\udfa8<\/span> Graphic Design<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20UI%2FUX%20Design%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83e\udde9<\/span> UI\/UX Design<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20YouTube%20Growth%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\u25b6\ufe0f<\/span> YouTube Growth<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Digital%20Marketing%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83d\udcc8<\/span> Digital Marketing<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20Automation%20%26%20Digital%20Tools%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\u2699\ufe0f<\/span> Automation &amp; Digital Tools<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n      <a class=\"tk-item\" href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20am%20interested%20in%20AI%20Tools%20service.\" target=\"_blank\" rel=\"noopener nofollow\"><span class=\"tk-emoji\">\ud83e\udd16<\/span> AI Tools<\/a>\r\n      <span class=\"tk-sep\"><\/span>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ====================== END SERVICES TICKER ====================== -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bf88c8d e-con e-atomic-element e-flexbox-base e-default-div e-ac10d22 \" data-id=\"bf88c8d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bf88c8d\">\n    \t\t<div class=\"elementor-element elementor-element-703b5e8 elementor-widget elementor-widget-html\" data-id=\"703b5e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>SkySoft Services \u2014 Our Services<\/title>\r\n<style>\r\n  * { margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI', sans-serif; }\r\n  body { background:#f8f9fc; color:#222; overflow-x:hidden; }\r\n\r\n  \/* ============ HERO ============ *\/\r\n  .hero {\r\n    background: linear-gradient(135deg, #1e3a8a, #3b82f6);\r\n    color: #fff;\r\n    padding: 80px 20px;\r\n    text-align: center;\r\n  }\r\n  .hero h1 { \r\n    font-size: 42px; \r\n    margin-bottom: 15px; \r\n    color: #ffffff;\r\n    font-weight: 900;\r\n    letter-spacing: -0.5px;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.25);\r\n  }\r\n  .hero p { font-size: 18px; max-width: 600px; margin: 0 auto 25px; }\r\n  .btn {\r\n    display:inline-block;\r\n    background:#fff; color:#1e3a8a;\r\n    padding: 12px 30px; border-radius: 30px;\r\n    text-decoration:none; font-weight:600;\r\n    transition: .3s;\r\n    cursor:pointer;\r\n    border:none;\r\n    font-size:15px;\r\n    font-family:inherit;\r\n  }\r\n  .btn:hover { background:#fbbf24; color:#000; }\r\n\r\n  \/* ============ SERVICES GRID ============ *\/\r\n  .services {\r\n    max-width: 1320px;\r\n    margin: -60px auto 60px;\r\n    padding: 0 20px;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n    gap: 28px;\r\n  }\r\n\r\n  .card {\r\n    position: relative;\r\n    background:#fff;\r\n    padding: 38px 32px 32px;\r\n    border-radius: 18px;\r\n    box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n    transition: transform .45s ease, box-shadow .45s ease;\r\n    text-align: center;\r\n    display:flex;\r\n    flex-direction:column;\r\n    overflow: hidden;\r\n    min-height: 440px;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 18px 40px rgba(0,0,0,0.22);\r\n  }\r\n\r\n  .card .bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transform: translateY(100%) scale(1.15);\r\n    transition: transform .7s cubic-bezier(.22,.85,.25,1);\r\n    z-index: 0;\r\n  }\r\n  .card .bg::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, rgba(15,25,55,.78), rgba(10,15,35,.92));\r\n  }\r\n  .card:hover .bg { transform: translateY(0) scale(1); }\r\n\r\n  .card .icon,\r\n  .card .card-heading,\r\n  .card h3,\r\n  .card p,\r\n  .card .details-btn {\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: color .45s ease;\r\n  }\r\n\r\n  .card .icon {\r\n    font-size: 52px;\r\n    margin-bottom: 14px;\r\n    transition: transform .45s ease;\r\n  }\r\n  .card:hover .icon { transform: translateY(-4px) scale(1.1); }\r\n\r\n  \/* ===== BOLD HEADING BELOW ICON ===== *\/\r\n  .card .card-heading {\r\n    font-size: 0.9rem;\r\n    font-weight: 800;\r\n    letter-spacing: 1.6px;\r\n    text-transform: uppercase;\r\n    color: #fbbf24;\r\n    margin-bottom: 14px;\r\n    transition: color .45s ease, font-size .45s ease;\r\n  }\r\n  .card:hover .card-heading { color: #ffffff; font-size: 0.95rem; }\r\n\r\n  \/* ===== MAIN TITLE (ALWAYS WHITE) ===== *\/\r\n  .card h3 {\r\n    color:#ffffff;\r\n    font-size: 1.3rem;\r\n    font-weight: 700;\r\n    margin-bottom: 14px;\r\n    line-height: 1.35;\r\n    transition: font-size .45s ease;\r\n  }\r\n  .card p {\r\n    color:#555;\r\n    font-size: 15.5px;\r\n    line-height: 1.7;\r\n    flex:1;\r\n    margin-bottom: 22px;\r\n    transition: color .45s ease, font-size .45s ease;\r\n  }\r\n\r\n  .card:hover h3 { font-size: 1.45rem; }\r\n  .card:hover p { color:#f1f1f1; font-size: 16.5px; }\r\n\r\n  .card .details-btn {\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    background:#1e3a8a;\r\n    color:#fff;\r\n    padding: 12px 24px;\r\n    border-radius: 25px;\r\n    text-decoration:none;\r\n    font-weight:600;\r\n    font-size: 14.5px;\r\n    margin-top:auto;\r\n    transition: background .3s ease, transform .3s ease;\r\n    cursor:pointer;\r\n    border:none;\r\n    font-family:inherit;\r\n    width:100%;\r\n  }\r\n  .card .details-btn:hover {\r\n    background:#fbbf24;\r\n    color:#000;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* ============ CTA SECTION ============ *\/\r\n  .cta {\r\n    background:#1e3a8a; color:#fff; text-align:center;\r\n    padding: 60px 20px;\r\n  }\r\n  .cta h2 { \r\n    margin-bottom: 15px; \r\n    color: #ffffff;\r\n    font-weight: 900;\r\n    font-size: 32px;\r\n    letter-spacing: -0.3px;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.25);\r\n  }\r\n  .cta p { color: #e0e7ff; font-size: 16px; }\r\n  .cta a { background:#fbbf24; color:#000; }\r\n\r\n  \/* ============================================\r\n     DETAIL VIEW (same page, hidden initially)\r\n  ============================================ *\/\r\n  .detail-view {\r\n    display: none;\r\n    min-height: 100vh;\r\n    background:#f8f9fc;\r\n    padding-bottom: 60px;\r\n  }\r\n  .detail-view.active { display: block; }\r\n\r\n  .detail-hero {\r\n    background: linear-gradient(135deg, #1e3a8a, #3b82f6);\r\n    color: #fff;\r\n    padding: 70px 20px 130px;\r\n    text-align: center;\r\n    position: relative;\r\n  }\r\n  .detail-hero h1 { font-size: 38px; margin-bottom: 12px; color:#ffffff; font-weight:900; }\r\n  .detail-hero p { font-size: 17px; max-width: 650px; margin: 0 auto; opacity: .92; }\r\n\r\n  .back-btn {\r\n    position: absolute;\r\n    top: 25px; left: 25px;\r\n    background: rgba(255,255,255,0.2);\r\n    color: #fff;\r\n    padding: 8px 18px;\r\n    border-radius: 20px;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    transition: .3s;\r\n    border: 1px solid rgba(255,255,255,0.4);\r\n    cursor:pointer;\r\n    font-family:inherit;\r\n  }\r\n  .back-btn:hover { background:#fff; color:#1e3a8a; }\r\n\r\n  .detail-wrap {\r\n    max-width: 950px;\r\n    margin: -90px auto 60px;\r\n    background:#fff;\r\n    border-radius: 20px;\r\n    padding: 45px 40px;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .detail-img {\r\n    width: 100%;\r\n    height: 300px;\r\n    border-radius: 15px;\r\n    background-size: cover;\r\n    background-position: center;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .detail-wrap h2 {\r\n    color:#1e3a8a;\r\n    font-size: 28px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .detail-wrap > p.intro {\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    color:#444;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .detail-wrap h3 {\r\n    color:#1e3a8a;\r\n    font-size: 21px;\r\n    margin: 30px 0 15px;\r\n    padding-bottom: 8px;\r\n    border-bottom: 2px solid #e8eefc;\r\n  }\r\n\r\n  .feature-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin-bottom: 10px;\r\n  }\r\n  .feature-list li {\r\n    padding: 10px 0 10px 34px;\r\n    position: relative;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color:#333;\r\n    border-bottom: 1px solid #f0f0f0;\r\n  }\r\n  .feature-list li::before {\r\n    content: \"\u2714\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 10px;\r\n    color:#1e3a8a;\r\n    font-weight: bold;\r\n    font-size: 16px;\r\n  }\r\n\r\n  \/* ====== INFO BOX (NO PRICING) ====== *\/\r\n  .info-box {\r\n    background: linear-gradient(135deg, #eef4ff, #dbe7ff);\r\n    border-left: 5px solid #1e3a8a;\r\n    padding: 20px 22px;\r\n    border-radius: 12px;\r\n    margin: 20px 0;\r\n  }\r\n  .info-box p {\r\n    font-size: 15px;\r\n    color:#333;\r\n    margin-bottom: 6px;\r\n    line-height: 1.6;\r\n  }\r\n  .info-box p:last-child { margin-bottom: 0; }\r\n  .info-box strong { color:#1e3a8a; }\r\n\r\n  .faq-item {\r\n    background:#f8f9fc;\r\n    padding: 16px 20px;\r\n    border-radius: 10px;\r\n    margin-bottom: 12px;\r\n    border-left: 4px solid #3b82f6;\r\n  }\r\n  .faq-item h4 {\r\n    font-size: 15px;\r\n    color:#1e3a8a;\r\n    margin-bottom: 6px;\r\n  }\r\n  .faq-item p {\r\n    font-size: 14px;\r\n    color:#555;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .contact-now {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    width: 100%;\r\n    margin-top: 35px;\r\n    padding: 16px 30px;\r\n    background: #25D366;\r\n    color: #fff;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    transition: .3s;\r\n    box-shadow: 0 10px 25px -10px rgba(37,211,102,0.7);\r\n  }\r\n  .contact-now:hover {\r\n    background: #1ebe5b;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 30px -10px rgba(37,211,102,0.9);\r\n  }\r\n  .contact-now svg {\r\n    width: 22px; height: 22px; fill:#fff;\r\n  }\r\n\r\n  \/* ============ RESPONSIVE ============ *\/\r\n  @media (max-width: 640px) {\r\n    .hero h1 { font-size: 30px; color: #ffffff; font-weight: 900; }\r\n    .hero p { font-size: 16px; }\r\n    .cta h2 { font-size: 24px; color: #ffffff; font-weight: 900; }\r\n    .detail-hero h1 { font-size: 26px; }\r\n    .detail-hero p { font-size: 15px; }\r\n    .detail-wrap { padding: 30px 22px; margin: -70px 15px 40px; }\r\n    .detail-img { height: 200px; }\r\n    .detail-wrap h2 { font-size: 22px; }\r\n    .detail-wrap h3 { font-size: 18px; }\r\n    .back-btn { top: 15px; left: 15px; font-size: 13px; padding: 6px 14px; }\r\n    .services { grid-template-columns: 1fr; }\r\n    .card { min-height: 380px; padding: 32px 24px 28px; }\r\n    .card .icon { font-size: 44px; }\r\n    .card h3 { font-size: 1.15rem; }\r\n    .card p { font-size: 14.5px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n     MAIN SERVICES VIEW\r\n============================================================ -->\r\n<div id=\"mainView\">\r\n\r\n  <section class=\"hero\">\r\n    <h1>Our Services<\/h1>\r\n    <p>SkySoft Services provides top-notch digital solutions to grow your business online.<\/p>\r\n    <button class=\"btn\" onclick=\"document.getElementById('services').scrollIntoView({behavior:'smooth'})\">Explore Services<\/button>\r\n  <\/section>\r\n\r\n  <section class=\"services\" id=\"services\">\r\n\r\n    <!-- 1 -->\r\n    <div class=\"card\">\r\n      <div class=\"bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1547658719-da2b51169166?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n      <div class=\"icon\">\ud83d\udcbb<\/div>\r\n      <div class=\"card-heading\">Web Development<\/div>\r\n      <h3>Website Development<\/h3>\r\n      <p>Custom websites built with modern tech \u2014 fast, secure & fully responsive.<\/p>\r\n      <button class=\"details-btn\" onclick=\"showDetail('website-development')\">See Details \u2192<\/button>\r\n    <\/div>\r\n\r\n    <!-- 2 -->\r\n    <div class=\"card\">\r\n      <div class=\"bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1562577309-4932fdd64cd1?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n      <div class=\"icon\">\ud83d\udd0d<\/div>\r\n      <div class=\"card-heading\">SEO Optimization<\/div>\r\n      <h3>SEO Optimization<\/h3>\r\n      <p>Rank higher on Google and bring organic traffic to your website.<\/p>\r\n      <button class=\"details-btn\" onclick=\"showDetail('seo-optimization')\">See Details \u2192<\/button>\r\n    <\/div>\r\n\r\n    <!-- 3 -->\r\n    <div class=\"card\">\r\n      <div class=\"bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1611162616475-46b635cb6868?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n      <div class=\"icon\">\u25b6\ufe0f<\/div>\r\n      <div class=\"card-heading\">YouTube Growth<\/div>\r\n      <h3>YouTube Monetization<\/h3>\r\n      <p>Complete setup & guidance to monetize your YouTube channel fast.<\/p>\r\n      <button class=\"details-btn\" onclick=\"showDetail('youtube-monetization')\">See Details \u2192<\/button>\r\n    <\/div>\r\n\r\n    <!-- 4 -->\r\n    <div class=\"card\">\r\n      <div class=\"bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1626785774573-4b799315345d?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n      <div class=\"icon\">\ud83c\udfa8<\/div>\r\n      <div class=\"card-heading\">Graphic Design<\/div>\r\n      <h3>Graphic Designing<\/h3>\r\n      <p>Logos, banners, social creatives & branding that make you stand out.<\/p>\r\n      <button class=\"details-btn\" onclick=\"showDetail('graphic-designing')\">See Details \u2192<\/button>\r\n    <\/div>\r\n\r\n    <!-- 5 -->\r\n    <div class=\"card\">\r\n      <div class=\"bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1533750349088-cd871a92f312?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n      <div class=\"icon\">\ud83d\udcc8<\/div>\r\n      <div class=\"card-heading\">Digital Marketing<\/div>\r\n      <h3>Digital Marketing<\/h3>\r\n      <p>Multi-channel campaigns, funnels & ads that actually convert.<\/p>\r\n      <button class=\"details-btn\" onclick=\"showDetail('digital-marketing')\">See Details \u2192<\/button>\r\n    <\/div>\r\n\r\n    <!-- 6 -->\r\n    <div class=\"card\">\r\n      <div class=\"bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n      <div class=\"icon\">\ud83d\udcf1<\/div>\r\n      <div class=\"card-heading\">Social Media<\/div>\r\n      <h3>Social Media Management<\/h3>\r\n      <p>Content, posting, engagement & growth \u2014 full account handling.<\/p>\r\n      <button class=\"details-btn\" onclick=\"showDetail('social-media-management')\">See Details \u2192<\/button>\r\n    <\/div>\r\n\r\n    <!-- 7 -->\r\n    <div class=\"card\">\r\n      <div class=\"bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n      <div class=\"icon\">\ud83e\udd16<\/div>\r\n      <div class=\"card-heading\">AI Tools<\/div>\r\n      <h3>AI Tools Subscription<\/h3>\r\n      <p>Premium AI tools access at affordable prices \u2014 ChatGPT, Midjourney & more.<\/p>\r\n      <button class=\"details-btn\" onclick=\"showDetail('ai-tools')\">See Details \u2192<\/button>\r\n    <\/div>\r\n\r\n    <!-- 8 -->\r\n    <div class=\"card\">\r\n      <div class=\"bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1518432031352-d6fc5c10da5a?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n      <div class=\"icon\">\u2699\ufe0f<\/div>\r\n      <div class=\"card-heading\">Marketing Tools<\/div>\r\n      <h3>Marketing Tools Subscription<\/h3>\r\n      <p>Top marketing tools at discounted rates \u2014 Canva Pro, SEMrush & more.<\/p>\r\n      <button class=\"details-btn\" onclick=\"showDetail('marketing-tools')\">See Details \u2192<\/button>\r\n    <\/div>\r\n\r\n    <!-- 9 -->\r\n    <div class=\"card\">\r\n      <div class=\"bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1611926653458-09294b3142bf?auto=format&fit=crop&w=700&q=80')\"><\/div>\r\n      <div class=\"icon\">\u2764\ufe0f<\/div>\r\n      <div class=\"card-heading\">Social Growth<\/div>\r\n      <h3>Social Media Likes \/ Followers<\/h3>\r\n      <p>Real & active likes, followers & views for all social platforms.<\/p>\r\n      <button class=\"details-btn\" onclick=\"showDetail('social-media-likes')\">See Details \u2192<\/button>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <section class=\"cta\">\r\n    <h2>Ready to Grow Your Business?<\/h2>\r\n    <p style=\"margin-bottom:20px;\">Get a free consultation with our experts today.<\/p>\r\n    <a href=\"https:\/\/wa.me\/923147857083?text=Hi!%20I%20want%20a%20free%20consultation.\" class=\"btn\" target=\"_blank\" rel=\"noopener nofollow\">Get Free Quote<\/a>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n     DETAIL VIEW (hidden by default)\r\n============================================================ -->\r\n<div class=\"detail-view\" id=\"detailView\">\r\n\r\n  <div class=\"detail-hero\">\r\n    <button class=\"back-btn\" onclick=\"showMain()\">\u2190 Back to Services<\/button>\r\n    <h1 id=\"detailTitle\">Service Details<\/h1>\r\n    <p id=\"detailSubtitle\">Complete information about this service<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"detail-wrap\" id=\"detailWrap\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\/* =====================================================\r\n   SKYSOFT SERVICES \u2014 Complete Data for all 9 services\r\n   (NO PRICING MENTIONED)\r\n===================================================== *\/\r\nconst servicesData = {\r\n\r\n  \"website-development\": {\r\n    title: \"Website Development\",\r\n    subtitle: \"Fast, modern aur conversion-focused websites\",\r\n    image: \"https:\/\/images.unsplash.com\/photo-1547658719-da2b51169166?auto=format&fit=crop&w=1200&q=80\",\r\n    intro: \"SkySoft Services aapke business ke liye custom, fast aur fully responsive websites banata hai. Landing page se le kar complete business website tak \u2014 har project ko hum modern technology aur best practices ke saath develop karte hain taake aapka business online grow kar sake.\",\r\n    features: [\r\n      \"Custom design \u2014 aapke brand ke mutabiq completely unique\",\r\n      \"Mobile, tablet aur desktop par 100% responsive\",\r\n      \"Fast loading speed (PageSpeed 90+ score)\",\r\n      \"SEO-friendly structure aur clean code\",\r\n      \"Secure hosting setup + free SSL certificate\",\r\n      \"Admin panel se content easily manage karein\",\r\n      \"Google Analytics aur Search Console integration\",\r\n      \"Contact form + WhatsApp chat integration\",\r\n      \"Free maintenance support \u2014 1 mahine tak\",\r\n      \"Unlimited revisions jab tak aap satisfied na hon\"\r\n    ],\r\n    delivery: \"Delivery Time: 5 se 15 working days (project ke size par depend karta hai)\",\r\n    faq: [\r\n      { q: \"Kya aap domain aur hosting bhi provide karte hain?\", a: \"Ji haan, hum domain aur hosting setup bhi karte hain. Aap apna domain le kar aayein ya hum se lein \u2014 dono options available hain.\" },\r\n      { q: \"Website ke baad maintenance ka kya hoga?\", a: \"1 mahine free maintenance include hai. Uske baad monthly maintenance package bhi available hai.\" },\r\n      { q: \"Kya website mobile par bhi achi dikhegi?\", a: \"Bilkul! Har website fully responsive hoti hai \u2014 mobile, tablet aur desktop sab par perfect chalti hai.\" }\r\n    ],\r\n    whatsappText: \"Hi! I am interested in Website Development service. Please share more details.\"\r\n  },\r\n\r\n  \"seo-optimization\": {\r\n    title: \"SEO Optimization\",\r\n    subtitle: \"Google par top ranking aur organic traffic\",\r\n    image: \"https:\/\/images.unsplash.com\/photo-1562577309-4932fdd64cd1?auto=format&fit=crop&w=1200&q=80\",\r\n    intro: \"Hamari SEO service aapki website ko Google ke first page par lane ke liye complete optimization karti hai. Technical SEO se le kar content optimization aur backlink building tak \u2014 sab kuch hum handle karte hain. Result: zyada organic traffic aur real customers.\",\r\n    features: [\r\n      \"Complete website SEO audit report\",\r\n      \"On-page optimization (titles, meta tags, headings)\",\r\n      \"Deep keyword research + competitor analysis\",\r\n      \"Technical SEO fixes (site speed, sitemap, robots.txt)\",\r\n      \"High-quality backlink building (white-hat)\",\r\n      \"Local SEO \u2014 Google Maps par ranking\",\r\n      \"Content optimization aur blog strategy\",\r\n      \"Monthly ranking report + Google Analytics\",\r\n      \"Google Search Console setup\",\r\n      \"Regular monitoring aur improvements\"\r\n    ],\r\n    delivery: \"Results: 2 se 3 mahine mein visible improvement\",\r\n    faq: [\r\n      { q: \"SEO ke results kitne time mein aate hain?\", a: \"Usually 2 se 3 mahine mein visible improvement dikhti hai. Competitive keywords ke liye 4 se 6 mahine lag sakte hain.\" },\r\n      { q: \"Kya aap white-hat SEO use karte hain?\", a: \"Ji haan, hum 100% white-hat aur Google-approved techniques use karte hain. Koi risky shortcut nahi.\" },\r\n      { q: \"Kya monthly report milegi?\", a: \"Bilkul! Har mahine detailed report milegi jismein rankings, traffic aur improvements sab mention honge.\" }\r\n    ],\r\n    whatsappText: \"Hi! I am interested in SEO Optimization service. Please share more details.\"\r\n  },\r\n\r\n  \"youtube-monetization\": {\r\n    title: \"YouTube Monetization\",\r\n    subtitle: \"Channel monetize karein fast aur easily\",\r\n    image: \"https:\/\/images.unsplash.com\/photo-1611162616475-46b635cb6868?auto=format&fit=crop&w=1200&q=80\",\r\n    intro: \"YouTube monetization ke liye complete guidance aur setup. Hum aapko 1000 subscribers aur 4000 watch hours ka target achieve karne mein madad karte hain, ya aapke channel ko monetization ke liye fully prepare karte hain. Aapka channel \u2014 hamari strategy.\",\r\n    features: [\r\n      \"Channel complete audit aur optimization\",\r\n      \"YouTube SEO (titles, tags, descriptions)\",\r\n      \"Professional thumbnail design\",\r\n      \"Channel banner aur logo design\",\r\n      \"Content strategy + video ideas\",\r\n      \"Watch time aur subscriber growth plan\",\r\n      \"Monetization requirements complete guidance\",\r\n      \"Analytics monitoring aur monthly report\",\r\n      \"Competitor channel analysis\",\r\n      \"Community engagement strategy\"\r\n    ],\r\n    delivery: \"Guidance: 1 se 3 mahine ka growth plan\",\r\n    faq: [\r\n      { q: \"Kya aap subscribers aur views bikte hain?\", a: \"Nahi, hum 100% organic growth par kaam karte hain. Fake subscribers ya views se channel ko nuqsan hota hai.\" },\r\n      { q: \"Monetization mein kitna time lagta hai?\", a: \"Agar aap already 500+ subscribers hain to 1-2 mahine mein monetization possible hai. Zero se start karne par 3-6 mahine.\" },\r\n      { q: \"Kya aap content bhi banate hain?\", a: \"Hum content strategy, script aur guidance dete hain. Video production aap khud karte hain ya hum se alag service le sakte hain.\" }\r\n    ],\r\n    whatsappText: \"Hi! I am interested in YouTube Monetization service. Please share more details.\"\r\n  },\r\n\r\n  \"graphic-designing\": {\r\n    title: \"Graphic Designing\",\r\n    subtitle: \"Professional designs aapke brand ke liye\",\r\n    image: \"https:\/\/images.unsplash.com\/photo-1626785774573-4b799315345d?auto=format&fit=crop&w=1200&q=80\",\r\n    intro: \"Logos, banners, social media creatives aur branding \u2014 hum aapke brand ke liye eye-catching designs banate hain jo aapko competitors se alag aur professional dikhate hain. Har design aapke brand identity ke mutabiq customize kiya jata hai.\",\r\n    features: [\r\n      \"Custom logo design (3+ concepts)\",\r\n      \"Social media posts aur story designs\",\r\n      \"Facebook\/Instagram ad creatives\",\r\n      \"Banner, flyer aur brochure design\",\r\n      \"Business card aur letterhead design\",\r\n      \"YouTube thumbnail design\",\r\n      \"Complete brand identity kit\",\r\n      \"Packaging design\",\r\n      \"Presentation (PPT) design\",\r\n      \"Unlimited revisions till satisfaction\"\r\n    ],\r\n    delivery: \"Delivery: 2 se 5 working days\",\r\n    faq: [\r\n      { q: \"Kya source files milengi?\", a: \"Ji haan, final delivery ke saath saari source files (AI, PSD, etc.) bhi milengi.\" },\r\n      { q: \"Revisions kitni hain?\", a: \"Har design mein unlimited revisions hain jab tak aap 100% satisfied na hon.\" },\r\n      { q: \"Kya urgent delivery possible hai?\", a: \"Ji haan, urgent delivery available hai \u2014 extra charges ke saath. WhatsApp par baat karein.\" }\r\n    ],\r\n    whatsappText: \"Hi! I am interested in Graphic Designing service. Please share more details.\"\r\n  },\r\n\r\n  \"digital-marketing\": {\r\n    title: \"Digital Marketing\",\r\n    subtitle: \"Multi-channel campaigns jo convert karein\",\r\n    image: \"https:\/\/images.unsplash.com\/photo-1533750349088-cd871a92f312?auto=format&fit=crop&w=1200&q=80\",\r\n    intro: \"Complete digital marketing solutions \u2014 Facebook ads, Google ads, email marketing aur funnels. Hum aapke business ke liye result-driven campaigns banate hain jo real customers laate hain, sirf clicks nahi. Har campaign data par based hoti hai.\",\r\n    features: [\r\n      \"Facebook & Instagram ads management\",\r\n      \"Google Ads (Search, Display, YouTube)\",\r\n      \"Sales funnel design + setup\",\r\n      \"Email marketing campaigns\",\r\n      \"Landing page design aur optimization\",\r\n      \"Conversion tracking + Facebook Pixel setup\",\r\n      \"Audience research aur targeting\",\r\n      \"A\/B testing for better results\",\r\n      \"Weekly performance reports\",\r\n      \"ROI-focused strategy\"\r\n    ],\r\n    delivery: \"Campaign setup: 3 se 7 working days\",\r\n    faq: [\r\n      { q: \"Ad budget alag hota hai?\", a: \"Ji haan, ad budget (jo Facebook\/Google ko jata hai) alag hota hai. Hamari service fee management ki hoti hai.\" },\r\n      { q: \"Minimum kitna ad budget chahiye?\", a: \"Kam az kam PKR 15,000\/month ka ad budget recommend karte hain better results ke liye.\" },\r\n      { q: \"Kya results guarantee hain?\", a: \"Hum best strategy aur optimization karte hain, lekin ad results market, product aur competition par depend karte hain. Hum transparent reporting dete hain.\" }\r\n    ],\r\n    whatsappText: \"Hi! I am interested in Digital Marketing service. Please share more details.\"\r\n  },\r\n\r\n  \"social-media-management\": {\r\n    title: \"Social Media Management\",\r\n    subtitle: \"Aapke social accounts ka complete handling\",\r\n    image: \"https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?auto=format&fit=crop&w=1200&q=80\",\r\n    intro: \"Aapke social media accounts ko hum professionally manage karte hain \u2014 daily posting, engagement, growth aur analytics. Aap business par focus karein, social media hum sambhal lete hain. Complete peace of mind ke saath.\",\r\n    features: [\r\n      \"Monthly content calendar (pre-approved)\",\r\n      \"Daily\/weekly posting on all platforms\",\r\n      \"Engaging captions aur trending hashtags\",\r\n      \"Comment aur DM reply management\",\r\n      \"Follower growth strategy (organic)\",\r\n      \"Competitor analysis aur monitoring\",\r\n      \"Monthly analytics + growth report\",\r\n      \"Custom graphics for each post\",\r\n      \"Story aur reel creation\",\r\n      \"Profile optimization\"\r\n    ],\r\n    delivery: \"Service: Monthly package available\",\r\n    faq: [\r\n      { q: \"Kaunse platforms handle karte hain?\", a: \"Facebook, Instagram, TikTok, LinkedIn, Twitter (X) aur YouTube \u2014 sab major platforms.\" },\r\n      { q: \"Content kaun banata hai?\", a: \"Hum content calendar banate hain, aap approve karte hain, phir hum design aur post karte hain.\" },\r\n      { q: \"Kya ads bhi manage karte hain?\", a: \"Social media management mein organic posting hai. Ads ke liye alag Digital Marketing service hai.\" }\r\n    ],\r\n    whatsappText: \"Hi! I am interested in Social Media Management service. Please share more details.\"\r\n  },\r\n\r\n  \"ai-tools\": {\r\n    title: \"AI Tools Subscription\",\r\n    subtitle: \"Premium AI tools sasti qeemat par\",\r\n    image: \"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1200&q=80\",\r\n    intro: \"ChatGPT Plus, Midjourney, Claude, Gemini aur doosre premium AI tools ka access aapko affordable price par provide karte hain. Direct subscription ke bajaye hum se lein aur paise bachayein. Instant activation ke saath.\",\r\n    features: [\r\n      \"ChatGPT Plus subscription (GPT-4 access)\",\r\n      \"Midjourney (AI image generation)\",\r\n      \"Claude Pro aur Gemini Advanced\",\r\n      \"Canva Pro with AI features\",\r\n      \"ElevenLabs (AI voice generation)\",\r\n      \"Runway ML (AI video tools)\",\r\n      \"Complete setup aur guidance\",\r\n      \"24\/7 support for any issue\",\r\n      \"Instant activation (24 hours)\",\r\n      \"Money-back guarantee agar kaam na kare\"\r\n    ],\r\n    delivery: \"Activation: 24 hours ke andar\",\r\n    faq: [\r\n      { q: \"Kya ye legal hai?\", a: \"Ji haan, hum shared\/team subscriptions ka legitimate access provide karte hain jo fully legal hain.\" },\r\n      { q: \"Kya account band ho sakta hai?\", a: \"Nahi, hum trusted sources se subscriptions dete hain. Agar koi issue aaye to replacement guarantee hai.\" },\r\n      { q: \"Payment kaise karein?\", a: \"Easypaisa, JazzCash, bank transfer ya crypto \u2014 jo aapke liye convenient ho.\" }\r\n    ],\r\n    whatsappText: \"Hi! I am interested in AI Tools Subscription service. Please share more details.\"\r\n  },\r\n\r\n  \"marketing-tools\": {\r\n    title: \"Marketing Tools Subscription\",\r\n    subtitle: \"Top marketing tools discounted rates par\",\r\n    image: \"https:\/\/images.unsplash.com\/photo-1518432031352-d6fc5c10da5a?auto=format&fit=crop&w=1200&q=80\",\r\n    intro: \"SEMrush, Ahrefs, Canva Pro, Grammarly aur doosre top marketing tools ka premium access aapko discounted price par milta hai. Business ke liye zaroori tools, ab sasti qeemat par. Professional growth ke liye best investment.\",\r\n    features: [\r\n      \"Canva Pro subscription (design tool)\",\r\n      \"SEMrush \/ Ahrefs (SEO tools)\",\r\n      \"Grammarly Premium (writing)\",\r\n      \"Adobe Creative Cloud tools\",\r\n      \"Hootsuite \/ Buffer (social media)\",\r\n      \"Mailchimp \/ ConvertKit (email)\",\r\n      \"Notion \/ Trello Pro (productivity)\",\r\n      \"Full setup aur basic training\",\r\n      \"24\/7 support\",\r\n      \"Long-term discounts\"\r\n    ],\r\n    delivery: \"Activation: 24 se 48 hours\",\r\n    faq: [\r\n      { q: \"Kya tools original hain?\", a: \"Ji haan, 100% original subscriptions. Hum official channels se lete hain.\" },\r\n      { q: \"Kya main apna account use kar sakta hoon?\", a: \"Kuch tools mein aap apna account use kar sakte hain, kuch mein shared access milega. Detail WhatsApp par.\" },\r\n      { q: \"Renewal ka kya process hai?\", a: \"Expiry se pehle hum remind karte hain. Aap renew karwa sakte hain easily.\" }\r\n    ],\r\n    whatsappText: \"Hi! I am interested in Marketing Tools Subscription service. Please share more details.\"\r\n  },\r\n\r\n  \"social-media-likes\": {\r\n    title: \"Social Media Likes \/ Followers\",\r\n    subtitle: \"Real aur active growth aapke accounts par\",\r\n    image: \"https:\/\/images.unsplash.com\/photo-1611926653458-09294b3142bf?auto=format&fit=crop&w=1200&q=80\",\r\n    intro: \"Instagram, Facebook, TikTok, YouTube aur Twitter par real aur active likes, followers aur views provide karte hain. Aapki social media presence ko fast grow karne ke liye best service. 100% safe aur guarantee ke saath.\",\r\n    features: [\r\n      \"Instagram likes, followers & views\",\r\n      \"Facebook page likes + post engagement\",\r\n      \"TikTok followers aur video views\",\r\n      \"YouTube subscribers, likes & watch hours\",\r\n      \"Twitter (X) followers aur retweets\",\r\n      \"100% real aur active accounts\",\r\n      \"Fast delivery (instant start)\",\r\n      \"No password required \u2014 safe process\",\r\n      \"Refill guarantee agar drop ho\",\r\n      \"24\/7 customer support\"\r\n    ],\r\n    delivery: \"Delivery: 1 se 24 hours mein start\",\r\n    faq: [\r\n      { q: \"Kya followers real hain?\", a: \"Ji haan, hum high-quality real-looking accounts use karte hain. Bots nahi.\" },\r\n      { q: \"Kya account ban ho sakta hai?\", a: \"Nahi, hum 100% safe method use karte hain. Aaj tak kisi customer ka account ban nahi hua.\" },\r\n      { q: \"Kya password dena parega?\", a: \"Bilkul nahi! Sirf username ya post link chahiye. Password ki zaroorat nahi.\" }\r\n    ],\r\n    whatsappText: \"Hi! I am interested in Social Media Likes\/Followers service. Please share more details.\"\r\n  }\r\n};\r\n\r\n\/* =====================================================\r\n   SHOW DETAIL VIEW\r\n===================================================== *\/\r\nfunction showDetail(serviceKey) {\r\n  const service = servicesData[serviceKey];\r\n  if (!service) return;\r\n\r\n  const mainView = document.getElementById(\"mainView\");\r\n  const detailView = document.getElementById(\"detailView\");\r\n  const detailWrap = document.getElementById(\"detailWrap\");\r\n  const detailTitle = document.getElementById(\"detailTitle\");\r\n  const detailSubtitle = document.getElementById(\"detailSubtitle\");\r\n\r\n  detailTitle.textContent = service.title;\r\n  detailSubtitle.textContent = service.subtitle;\r\n\r\n  const waLink = \"https:\/\/wa.me\/923147857083?text=\" + encodeURIComponent(service.whatsappText);\r\n\r\n  const faqHTML = service.faq.map(item => `\r\n    <div class=\"faq-item\">\r\n      <h4>Q: ${item.q}<\/h4>\r\n      <p>A: ${item.a}<\/p>\r\n    <\/div>\r\n  `).join(\"\");\r\n\r\n  detailWrap.innerHTML = `\r\n    <div class=\"detail-img\" style=\"background-image:url('${service.image}')\"><\/div>\r\n\r\n    <h2>${service.title}<\/h2>\r\n    <p class=\"intro\">${service.intro}<\/p>\r\n\r\n    <h3>Kya Kya Milta Hai:<\/h3>\r\n    <ul class=\"feature-list\">\r\n      ${service.features.map(f => `<li>${f}<\/li>`).join(\"\")}\r\n    <\/ul>\r\n\r\n    <h3>Delivery \/ Timeline:<\/h3>\r\n    <div class=\"info-box\">\r\n      <p><strong>${service.delivery}<\/strong><\/p>\r\n      <p style=\"margin-top:10px; font-size:14px; color:#555;\">\r\n        Exact timeline aur availability ke liye WhatsApp par baat karein.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <h3>Frequently Asked Questions:<\/h3>\r\n    ${faqHTML}\r\n\r\n    <a class=\"contact-now\" href=\"${waLink}\" target=\"_blank\" rel=\"noopener\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M17.47 14.38c-.3-.15-1.75-.86-2.02-.96-.27-.1-.47-.15-.67.15-.2.3-.77.96-.94 1.16-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.92-2.19-.24-.58-.48-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.06 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.75-.72 2-1.41.25-.69.25-1.28.17-1.41-.07-.13-.27-.2-.57-.35z\"\/><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2 22l5.25-1.38c1.45.79 3.08 1.21 4.79 1.21 5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zm0 18.15c-1.56 0-3.09-.42-4.43-1.21l-.32-.19-3.11.82.83-3.04-.21-.33a8.16 8.16 0 0 1-1.25-4.36c0-4.54 3.7-8.23 8.24-8.23s8.23 3.69 8.23 8.23-3.69 8.31-8.23 8.31z\"\/><\/svg>\r\n      Contact Now on WhatsApp\r\n    <\/a>\r\n  `;\r\n\r\n  mainView.style.display = \"none\";\r\n  detailView.classList.add(\"active\");\r\n  window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n}\r\n\r\n\/* =====================================================\r\n   BACK TO MAIN VIEW\r\n===================================================== *\/\r\nfunction showMain() {\r\n  document.getElementById(\"mainView\").style.display = \"block\";\r\n  document.getElementById(\"detailView\").classList.remove(\"active\");\r\n  window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bebabfd e-con e-atomic-element e-flexbox-base e-default-div e-078efc6 \" data-id=\"bebabfd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bebabfd\">\n    \t\t<div class=\"elementor-element elementor-element-e357d9f elementor-widget elementor-widget-counter\" data-id=\"e357d9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Happy Clients<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"6721\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cbb6aa2 e-con e-atomic-element e-flexbox-base e-default-div e-ac817c3 \" data-id=\"cbb6aa2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cbb6aa2\">\n    \t\t<div class=\"elementor-element elementor-element-1255d9d elementor-widget elementor-widget-heading\" data-id=\"1255d9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Trusted by Businesses That Choose Excellence<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-268e11b elementor-widget elementor-widget-heading\" data-id=\"268e11b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">More Than a Digital Service Provider<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ebfec0 elementor-widget elementor-widget-heading\" data-id=\"8ebfec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We work as your digital partner \u2014 understanding your goals, creating the right strategy and<br>delivering solutions designed around your business.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06e44ac elementor-widget elementor-widget-heading\" data-id=\"06e44ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Can We Build For You?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0a2583 elementor-widget elementor-widget-heading\" data-id=\"f0a2583\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">From a simple idea to a complete digital business \u2014 tell us what you have in mind.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0de4607 elementor-widget elementor-widget-heading\" data-id=\"0de4607\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83c\udf10 Launch a Website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07408ed elementor-widget elementor-widget-heading\" data-id=\"07408ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Build a modern website that represents your business.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90875a2 elementor-widget elementor-widget-heading\" data-id=\"90875a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83c\udfa8 Build Your Brand<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fdb9b7 elementor-widget elementor-widget-heading\" data-id=\"1fdb9b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Create a strong and memorable visual identity.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af7a2d0 elementor-widget elementor-widget-heading\" data-id=\"af7a2d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83d\udcf1 Grow on Social Media<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-893f0be elementor-widget elementor-widget-heading\" data-id=\"893f0be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Build your audience and strengthen your online presence.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0134bb9 elementor-widget elementor-widget-heading\" data-id=\"0134bb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83d\udcc8 Get Found on Google<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd34482 elementor-widget elementor-widget-heading\" data-id=\"fd34482\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Improve your visibility and reach the right audience.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae29687 elementor-widget elementor-widget-heading\" data-id=\"ae29687\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u26a1 Automate Your Business<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-746ca5e elementor-widget elementor-widget-heading\" data-id=\"746ca5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Save time with smart digital tools and automation.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a5eb9a elementor-widget elementor-widget-heading\" data-id=\"6a5eb9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83d\udca1 Something Different?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07645b0 elementor-widget elementor-widget-heading\" data-id=\"07645b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Have a unique idea? Let's turn it into reality.<\/h2>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dafb4ce e-con e-atomic-element e-flexbox-base e-default-div e-d0eba81 \" data-id=\"dafb4ce\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dafb4ce\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to SkySoft Services Your Digital Growth Partner We help businesses, brands, and creators grow online with Web Development, Digital [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"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":"disabled","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":""}},"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skysoftservices.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skysoftservices.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skysoftservices.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skysoftservices.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skysoftservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":76,"href":"https:\/\/skysoftservices.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/skysoftservices.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/298"}],"wp:attachment":[{"href":"https:\/\/skysoftservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}