{"id":62,"date":"2025-08-15T05:17:27","date_gmt":"2025-08-15T05:17:27","guid":{"rendered":"https:\/\/demo.bosathemes.com\/bosa\/finance-consult\/?page_id=7"},"modified":"2026-08-12T14:57:31","modified_gmt":"2026-08-12T14:57:31","slug":"home","status":"publish","type":"page","link":"https:\/\/piramidaspa.com\/id\/","title":{"rendered":"Beranda"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"62\" class=\"elementor elementor-62\">\n\t\t\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-bb0de9b e-con-full e-flex e-con e-parent\" data-id=\"bb0de9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-725217d elementor-widget elementor-widget-html\" data-id=\"725217d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     PIRAMIDA WELLNESS SPA\r\n     PART 1 \u2014 HERO SECTION\r\n     Elementor HTML Widget\r\n========================================= -->\r\n\r\n<section class=\"piramida-hero\">\r\n\r\n  <!-- Background -->\r\n  <div class=\"piramida-hero-bg\"><\/div>\r\n  <div class=\"piramida-hero-overlay\"><\/div>\r\n\r\n  <!-- Decorative Glow -->\r\n  <div class=\"piramida-glow piramida-glow-1\"><\/div>\r\n  <div class=\"piramida-glow piramida-glow-2\"><\/div>\r\n\r\n  <div class=\"piramida-hero-container\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"piramida-hero-content\">\r\n\r\n      <div class=\"piramida-eyebrow\">\r\n        <span class=\"piramida-line\"><\/span>\r\n        WELLNESS &amp; PIJAT PREMIUM\r\n        <span class=\"piramida-line\"><\/span>\r\n      <\/div>\r\n\r\n      <h1>\r\n        Relaksasi Premium<br>\r\n        <span>Hadir Langsung ke Lokasi Anda<\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"piramida-24\">\r\n        <span class=\"piramida-24-icon\">\u2726<\/span>\r\n        24 JAM NONSTOP\r\n      <\/div>\r\n\r\n      <p class=\"piramida-hero-description\">\r\n        Nikmati pengalaman relaksasi premium tanpa perlu meninggalkan rumah.\nTerapis profesional datang langsung ke lokasi Anda di\r\n        <strong>Jakarta & Bali.<\/strong>\r\n      <\/p>\r\n\r\n      <div class=\"piramida-hero-buttons\">\r\n\r\n        <a \r\n          href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20melakukan%20booking.\"\r\n          class=\"piramida-btn piramida-btn-primary\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          <span class=\"piramida-wa-icon\">\u25c9<\/span>\r\n          PESAN SEKARANG\r\n        <\/a>\r\n\r\n        <a \r\n          href=\"#layanan\"\r\n          class=\"piramida-btn piramida-btn-outline\"\r\n        >\r\n          LIHAT LAYANAN\r\n          <span>\u2193<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <!-- MINI FEATURES -->\r\n      <div class=\"piramida-features\">\r\n\r\n        <div class=\"piramida-feature\">\r\n          <div class=\"feature-icon\">\u2726<\/div>\r\n          <div>\r\n            <strong>Layanan ke Lokasi<\/strong>\r\n            <small>Di Lokasi Anda<\/small>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"piramida-feature\">\r\n          <div class=\"feature-icon\">24<\/div>\r\n          <div>\r\n            <strong>24 Jam<\/strong>\r\n            <small>Nonstop Setiap Hari<\/small>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"piramida-feature\">\r\n          <div class=\"feature-icon\">\u2727<\/div>\r\n          <div>\r\n            <strong>Profesional<\/strong>\r\n            <small>Terapis Terlatih<\/small>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT VISUAL -->\r\n    <div class=\"piramida-hero-visual\">\r\n\r\n      <div class=\"piramida-image-frame\">\r\n\r\n        <!-- REPLACE IMAGE URL HERE LATER -->\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-21.29.02.jpeg\"\r\n          alt=\"Piramida Wellness Spa\"\r\n        >\r\n\r\n        <div class=\"piramida-image-overlay\"><\/div>\r\n\r\n        <!-- GOLD CORNER -->\r\n        <div class=\"gold-corner gold-corner-top\"><\/div>\r\n        <div class=\"gold-corner gold-corner-bottom\"><\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- FLOATING BADGE -->\r\n      <div class=\"piramida-floating-card\">\r\n\r\n        <div class=\"floating-symbol\">\u2726<\/div>\r\n\r\n        <div>\r\n          <span>AREA LAYANAN<\/span>\r\n          <strong>JAKARTA & BALI<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- SCROLL INDICATOR -->\r\n  <a href=\"#tentang\" class=\"piramida-scroll\">\r\n    <span>GESER UNTUK MENJELAJAHI<\/span>\r\n    <i><\/i>\r\n  <\/a>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   GLOBAL HERO\r\n========================================= *\/\r\n\r\n.piramida-hero {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 92vh;\r\n  overflow: hidden;\r\n  background: #100a07;\r\n  color: #fff;\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND\r\n========================================= *\/\r\n\r\n.piramida-hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  \/*\r\n     REPLACE BACKGROUND IMAGE HERE LATER\r\n  *\/\r\n\r\n  background-image:\r\n    url(\"https:\/\/placehold.co\/1920x1200\/140b07\/3b2516?text=\");\r\n\r\n  background-size: cover;\r\n  background-position: center;\r\n  transform: scale(1.02);\r\n}\r\n\r\n.piramida-hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(12,7,4,.98) 0%,\r\n      rgba(12,7,4,.90) 35%,\r\n      rgba(12,7,4,.58) 65%,\r\n      rgba(12,7,4,.78) 100%\r\n    );\r\n\r\n  z-index: 1;\r\n}\r\n\r\n\/* =========================================\r\n   GOLD GLOW\r\n========================================= *\/\r\n\r\n.piramida-glow {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(100px);\r\n  pointer-events: none;\r\n  z-index: 2;\r\n}\r\n\r\n.piramida-glow-1 {\r\n  width: 350px;\r\n  height: 350px;\r\n  background: rgba(198,142,48,.12);\r\n  top: -150px;\r\n  right: 10%;\r\n}\r\n\r\n.piramida-glow-2 {\r\n  width: 300px;\r\n  height: 300px;\r\n  background: rgba(110,58,32,.14);\r\n  bottom: -150px;\r\n  left: 30%;\r\n}\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.piramida-hero-container {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  width: min(1380px, 92%);\r\n  margin: auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1.05fr .95fr;\r\n  align-items: center;\r\n  gap: 70px;\r\n\r\n  padding: 90px 0 70px;\r\n}\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.piramida-hero-content {\r\n  max-width: 700px;\r\n}\r\n\r\n.piramida-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n\r\n  color: #d8b36a;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.piramida-line {\r\n  display: block;\r\n  width: 35px;\r\n  height: 1px;\r\n  background: #c79a4c;\r\n}\r\n\r\n.piramida-hero h1 {\r\n  margin: 0;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n  font-size: clamp(48px, 5.2vw, 82px);\r\n  line-height: 1.02;\r\n  font-weight: 400;\r\n  letter-spacing: -2px;\r\n\r\n  color: #f8f0df;\r\n}\r\n\r\n.piramida-hero h1 span {\r\n  color: #d6aa59;\r\n\r\n  font-style: italic;\r\n}\r\n\r\n.piramida-24 {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-top: 27px;\r\n\r\n  padding: 10px 18px;\r\n\r\n  border: 1px solid rgba(211,169,91,.45);\r\n  border-radius: 100px;\r\n\r\n  background: rgba(183,124,39,.08);\r\n\r\n  color: #e3c47e;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.piramida-24-icon {\r\n  color: #f0c66a;\r\n  font-size: 14px;\r\n}\r\n\r\n.piramida-hero-description {\r\n  max-width: 590px;\r\n\r\n  margin: 27px 0 0;\r\n\r\n  color: rgba(255,247,233,.72);\r\n\r\n  font-size: 16px;\r\n  line-height: 1.85;\r\n  font-weight: 300;\r\n}\r\n\r\n.piramida-hero-description strong {\r\n  color: #e0bc72;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* =========================================\r\n   BUTTONS\r\n========================================= *\/\r\n\r\n.piramida-hero-buttons {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n\r\n  margin-top: 34px;\r\n}\r\n\r\n.piramida-btn {\r\n  min-height: 54px;\r\n\r\n  padding: 0 25px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.piramida-btn-primary {\r\n  background: linear-gradient(\r\n    135deg,\r\n    #e2bd6c,\r\n    #b77a28\r\n  );\r\n\r\n  color: #160d07 !important;\r\n\r\n  box-shadow:\r\n    0 10px 30px rgba(183,122,40,.20);\r\n}\r\n\r\n.piramida-btn-primary:hover {\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 15px 40px rgba(210,159,72,.35);\r\n}\r\n\r\n.piramida-wa-icon {\r\n  font-size: 16px;\r\n}\r\n\r\n.piramida-btn-outline {\r\n  border: 1px solid rgba(224,190,117,.45);\r\n\r\n  color: #ead6ad !important;\r\n\r\n  background: rgba(255,255,255,.025);\r\n}\r\n\r\n.piramida-btn-outline:hover {\r\n  border-color: #d4a957;\r\n  background: rgba(212,169,87,.08);\r\n\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.piramida-btn-outline span {\r\n  font-size: 16px;\r\n}\r\n\r\n\/* =========================================\r\n   FEATURES\r\n========================================= *\/\r\n\r\n.piramida-features {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 25px;\r\n\r\n  margin-top: 45px;\r\n  padding-top: 25px;\r\n\r\n  border-top: 1px solid rgba(255,255,255,.10);\r\n}\r\n\r\n.piramida-feature {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.feature-icon {\r\n  width: 34px;\r\n  height: 34px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border: 1px solid rgba(205,157,76,.45);\r\n\r\n  color: #d6ac60;\r\n\r\n  font-size: 12px;\r\n}\r\n\r\n.piramida-feature strong {\r\n  display: block;\r\n\r\n  color: #f0e6d1;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n}\r\n\r\n.piramida-feature small {\r\n  display: block;\r\n\r\n  margin-top: 3px;\r\n\r\n  color: rgba(255,255,255,.45);\r\n\r\n  font-size: 9px;\r\n}\r\n\r\n\/* =========================================\r\n   HERO IMAGE\r\n========================================= *\/\r\n\r\n.piramida-hero-visual {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.piramida-image-frame {\r\n  position: relative;\r\n\r\n  width: min(520px, 100%);\r\n  aspect-ratio: 4 \/ 5;\r\n\r\n  overflow: hidden;\r\n\r\n  border: 1px solid rgba(214,173,99,.55);\r\n\r\n  box-shadow:\r\n    0 30px 80px rgba(0,0,0,.55);\r\n}\r\n\r\n.piramida-image-frame img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  display: block;\r\n\r\n  transition: transform 1s ease;\r\n}\r\n\r\n.piramida-image-frame:hover img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n.piramida-image-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(0,0,0,.05),\r\n      rgba(0,0,0,.35)\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* =========================================\r\n   GOLD CORNERS\r\n========================================= *\/\r\n\r\n.gold-corner {\r\n  position: absolute;\r\n\r\n  width: 70px;\r\n  height: 70px;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.gold-corner-top {\r\n  top: 16px;\r\n  right: 16px;\r\n\r\n  border-top: 1px solid #e0b963;\r\n  border-right: 1px solid #e0b963;\r\n}\r\n\r\n.gold-corner-bottom {\r\n  bottom: 16px;\r\n  left: 16px;\r\n\r\n  border-bottom: 1px solid #e0b963;\r\n  border-left: 1px solid #e0b963;\r\n}\r\n\r\n\/* =========================================\r\n   FLOATING CARD\r\n========================================= *\/\r\n\r\n.piramida-floating-card {\r\n  position: absolute;\r\n\r\n  left: -45px;\r\n  bottom: 55px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n\r\n  padding: 17px 22px;\r\n\r\n  background: rgba(24,13,8,.92);\r\n\r\n  border: 1px solid rgba(209,164,83,.45);\r\n\r\n  backdrop-filter: blur(15px);\r\n\r\n  box-shadow:\r\n    0 20px 50px rgba(0,0,0,.4);\r\n}\r\n\r\n.floating-symbol {\r\n  width: 34px;\r\n  height: 34px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border: 1px solid #b98a42;\r\n\r\n  color: #e2bd6b;\r\n\r\n  font-size: 13px;\r\n}\r\n\r\n.piramida-floating-card span {\r\n  display: block;\r\n\r\n  color: rgba(255,255,255,.45);\r\n\r\n  font-size: 8px;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.piramida-floating-card strong {\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color: #e6c67d;\r\n\r\n  font-size: 11px;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\/* =========================================\r\n   SCROLL\r\n========================================= *\/\r\n\r\n.piramida-scroll {\r\n  position: absolute;\r\n\r\n  bottom: 22px;\r\n  left: 50%;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  z-index: 4;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  color: rgba(255,255,255,.38) !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 8px;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.piramida-scroll i {\r\n  display: block;\r\n\r\n  width: 25px;\r\n  height: 1px;\r\n\r\n  background: #b8904b;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .piramida-hero-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 55px;\r\n\r\n    padding-top: 80px;\r\n  }\r\n\r\n  .piramida-hero-content {\r\n    max-width: 750px;\r\n  }\r\n\r\n  .piramida-hero-visual {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .piramida-image-frame {\r\n    width: 450px;\r\n  }\r\n\r\n  .piramida-floating-card {\r\n    left: 20px;\r\n  }\r\n\r\n  .piramida-scroll {\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RESPONSIVE MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .piramida-hero {\r\n    min-height: auto;\r\n  }\r\n\r\n  .piramida-hero-overlay {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(10,6,4,.88) 0%,\r\n        rgba(10,6,4,.82) 45%,\r\n        rgba(10,6,4,.96) 100%\r\n      );\r\n  }\r\n\r\n  .piramida-hero-container {\r\n    width: 88%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 45px;\r\n\r\n    padding: 80px 0 60px;\r\n  }\r\n\r\n  .piramida-eyebrow {\r\n    font-size: 8px;\r\n    letter-spacing: 2px;\r\n\r\n    gap: 8px;\r\n  }\r\n\r\n  .piramida-line {\r\n    width: 20px;\r\n  }\r\n\r\n  .piramida-hero h1 {\r\n    font-size: clamp(42px, 12vw, 58px);\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .piramida-24 {\r\n    margin-top: 20px;\r\n\r\n    padding: 9px 15px;\r\n\r\n    font-size: 9px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .piramida-hero-description {\r\n    margin-top: 20px;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .piramida-hero-buttons {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n\r\n    margin-top: 27px;\r\n  }\r\n\r\n  .piramida-btn {\r\n    width: 100%;\r\n    min-height: 52px;\r\n  }\r\n\r\n  .piramida-features {\r\n    gap: 18px;\r\n\r\n    margin-top: 30px;\r\n    padding-top: 20px;\r\n\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .piramida-feature {\r\n    gap: 7px;\r\n  }\r\n\r\n  .feature-icon {\r\n    width: 29px;\r\n    height: 29px;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .piramida-feature strong {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .piramida-feature small {\r\n    font-size: 7px;\r\n  }\r\n\r\n  .piramida-hero-visual {\r\n    width: 100%;\r\n  }\r\n\r\n  .piramida-image-frame {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 5;\r\n  }\r\n\r\n  .piramida-floating-card {\r\n    left: 10px;\r\n    bottom: 20px;\r\n\r\n    padding: 12px 15px;\r\n  }\r\n\r\n  .floating-symbol {\r\n    width: 28px;\r\n    height: 28px;\r\n  }\r\n\r\n  .piramida-floating-card span {\r\n    font-size: 6px;\r\n  }\r\n\r\n  .piramida-floating-card strong {\r\n    font-size: 8px;\r\n  }\r\n\r\n  .gold-corner {\r\n    width: 45px;\r\n    height: 45px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VERY SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .piramida-features {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .piramida-feature {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-438c483 e-con-full e-flex e-con e-parent\" data-id=\"438c483\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-114d792 elementor-widget elementor-widget-html\" data-id=\"114d792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     PIRAMIDA WELLNESS SPA\r\n     PART 2 \u2014 ABOUT US\r\n     Elementor HTML Widget\r\n========================================= -->\r\n\r\n<section id=\"tentang\" class=\"piramida-about\">\r\n\r\n  <!-- Decorative Background -->\r\n  <div class=\"about-glow about-glow-1\"><\/div>\r\n  <div class=\"about-glow about-glow-2\"><\/div>\r\n\r\n  <div class=\"piramida-about-container\">\r\n\r\n    <!-- =====================================\r\n         LEFT \u2014 IMAGE\r\n    ====================================== -->\r\n\r\n    <div class=\"piramida-about-visual\">\r\n\r\n      <div class=\"about-image-wrapper\">\r\n\r\n        <!-- REPLACE THIS IMAGE LATER -->\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-21.29.29.jpeg\"\r\n          alt=\"Piramida Wellness Spa Home Service\"\r\n        >\r\n\r\n        <div class=\"about-image-shade\"><\/div>\r\n\r\n        <!-- Decorative Gold Frame -->\r\n        <div class=\"about-frame-corner about-frame-top\"><\/div>\r\n        <div class=\"about-frame-corner about-frame-bottom\"><\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Experience Badge -->\r\n\r\n      <div class=\"about-experience\">\r\n\r\n        <span class=\"experience-number\">24<\/span>\r\n\r\n        <div class=\"experience-text\">\r\n          <strong>HOURS<\/strong>\r\n          <span>NONSTOP<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         RIGHT \u2014 CONTENT\r\n    ====================================== -->\r\n\r\n    <div class=\"piramida-about-content\">\r\n\r\n      <div class=\"about-label\">\r\n        <span><\/span>\r\n        TENTANG PIRAMIDA\r\n      <\/div>\r\n\r\n      <h2>\r\n        Sentuhan Mewah,<br>\r\n        <em>Relaksasi Tanpa Batas.<\/em>\r\n      <\/h2>\r\n\r\n      <div class=\"about-divider\">\r\n        <span><\/span>\r\n        <i>\u2726<\/i>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"about-lead\">\r\n        Piramida Wellness Spa hadir untuk menghadirkan pengalaman relaksasi premium langsung ke lokasi Anda.\r\n      <\/p>\r\n\r\n      <p>\r\n        Kami memahami bahwa setiap orang membutuhkan waktu untuk beristirahat, melepaskan ketegangan, dan memulihkan energi setelah menjalani aktivitas sehari-hari.\r\n      <\/p>\r\n\r\n      <p>\r\n        Dengan layanan <strong>home service 24 jam<\/strong>Anda tidak perlu meninggalkan rumah, hotel, vila, atau tempat Anda menginap.\nTerapis kami datang langsung ke lokasi Anda dengan seluruh perlengkapan yang dibutuhkan untuk memberikan pengalaman wellness yang nyaman, tenang, dan profesional.\r\n      <\/p>\r\n\r\n\r\n      <!-- =====================================\r\n           QUALITY POINTS\r\n      ====================================== -->\r\n\r\n      <div class=\"about-quality\">\r\n\r\n        <div class=\"quality-item\">\r\n\r\n          <div class=\"quality-icon\">\r\n            \u2726\r\n          <\/div>\r\n\r\n          <div class=\"quality-info\">\r\n            <h3>Terapis Terlatih<\/h3>\r\n            <p>\r\n              Ditangani oleh terapis yang mengutamakan teknik, kenyamanan, dan pelayanan profesional.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"quality-item\">\r\n\r\n          <div class=\"quality-icon\">\r\n            \u2727\r\n          <\/div>\r\n\r\n          <div class=\"quality-info\">\r\n            <h3>Peralatan Lengkap<\/h3>\r\n            <p>\r\n              Seluruh peralatan dan kebutuhan treatment telah disiapkan untuk menunjang pengalaman home service Anda.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"quality-item\">\r\n\r\n          <div class=\"quality-icon\">\r\n            \u25c7\r\n          <\/div>\r\n\r\n          <div class=\"quality-info\">\r\n            <h3>Terapis Pria &amp; Wanita<\/h3>\r\n            <p>\r\n              Terapis pria dan wanita tersedia sesuai kebutuhan dan kenyamanan Anda.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- AREA -->\r\n\r\n      <div class=\"about-area\">\r\n\r\n        <div class=\"area-icon\">\r\n          \u2726\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>AREA LAYANAN<\/span>\r\n\r\n          <strong>\r\n            Jakarta & Bali\r\n          <\/strong>\r\n\r\n          <small>\r\n            Jakarta \u2022 Denpasar \u2022 Kuta \u2022 Seminyak \u2022 Canggu \u2022 Ubud\r\n          <\/small>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CTA -->\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20mengetahui%20lebih%20lanjut%20tentang%20layanan%20yang%20tersedia.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        class=\"about-cta\"\r\n      >\r\n        <span>LIHAT LAYANAN KAMI<\/span>\r\n        <b>\u2192<\/b>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   ABOUT SECTION\r\n========================================= *\/\r\n\r\n.piramida-about {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 85% 20%,\r\n      rgba(134,79,35,.12),\r\n      transparent 30%\r\n    ),\r\n    #100a07;\r\n\r\n  color: #fff;\r\n\r\n  padding: 130px 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BACKGROUND GLOW\r\n========================================= *\/\r\n\r\n.about-glow {\r\n  position: absolute;\r\n\r\n  width: 400px;\r\n  height: 400px;\r\n\r\n  border-radius: 50%;\r\n\r\n  filter: blur(120px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.about-glow-1 {\r\n  top: -250px;\r\n  right: -100px;\r\n\r\n  background: rgba(211,160,70,.09);\r\n}\r\n\r\n.about-glow-2 {\r\n  bottom: -250px;\r\n  left: -100px;\r\n\r\n  background: rgba(101,52,32,.10);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.piramida-about-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1280px, 90%);\r\n\r\n  margin: auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(400px, .85fr)\r\n    minmax(450px, 1.15fr);\r\n\r\n  gap: 100px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE\r\n========================================= *\/\r\n\r\n.piramida-about-visual {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n}\r\n\r\n.about-image-wrapper {\r\n\r\n  position: relative;\r\n\r\n  width: min(470px, 100%);\r\n\r\n  aspect-ratio: 4 \/ 5;\r\n\r\n  overflow: hidden;\r\n\r\n  border: 1px solid rgba(207,165,91,.50);\r\n\r\n  box-shadow:\r\n    0 30px 80px rgba(0,0,0,.50);\r\n}\r\n\r\n.about-image-wrapper img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform 1s ease;\r\n}\r\n\r\n.about-image-wrapper:hover img {\r\n  transform: scale(1.045);\r\n}\r\n\r\n.about-image-shade {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(0,0,0,.03) 35%,\r\n      rgba(0,0,0,.48) 100%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE FRAME\r\n========================================= *\/\r\n\r\n.about-frame-corner {\r\n\r\n  position: absolute;\r\n\r\n  width: 75px;\r\n  height: 75px;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.about-frame-top {\r\n\r\n  top: 18px;\r\n  right: 18px;\r\n\r\n  border-top:\r\n    1px solid #dfba6c;\r\n\r\n  border-right:\r\n    1px solid #dfba6c;\r\n}\r\n\r\n.about-frame-bottom {\r\n\r\n  bottom: 18px;\r\n  left: 18px;\r\n\r\n  border-bottom:\r\n    1px solid #dfba6c;\r\n\r\n  border-left:\r\n    1px solid #dfba6c;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EXPERIENCE BADGE\r\n========================================= *\/\r\n\r\n.about-experience {\r\n\r\n  position: absolute;\r\n\r\n  right: -35px;\r\n  bottom: 55px;\r\n\r\n  width: 150px;\r\n  height: 105px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  background:\r\n    rgba(27,15,9,.96);\r\n\r\n  border:\r\n    1px solid rgba(207,162,79,.55);\r\n\r\n  box-shadow:\r\n    0 20px 50px rgba(0,0,0,.40);\r\n\r\n  backdrop-filter: blur(15px);\r\n}\r\n\r\n.experience-number {\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 50px;\r\n\r\n  line-height: 1;\r\n\r\n  color: #dcb46b;\r\n}\r\n\r\n.experience-text strong {\r\n\r\n  display: block;\r\n\r\n  color: #f4e7cd;\r\n\r\n  font-size: 12px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.experience-text span {\r\n\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color: rgba(255,255,255,.43);\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.piramida-about-content {\r\n  max-width: 650px;\r\n}\r\n\r\n.about-label {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: #d5ad64;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.about-label span {\r\n\r\n  display: block;\r\n\r\n  width: 35px;\r\n  height: 1px;\r\n\r\n  background: #c89b50;\r\n}\r\n\r\n\r\n.piramida-about-content h2 {\r\n\r\n  margin: 0;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(42px, 4vw, 64px);\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.08;\r\n\r\n  letter-spacing: -1.5px;\r\n\r\n  color: #f6ecda;\r\n}\r\n\r\n.piramida-about-content h2 em {\r\n\r\n  color: #d5aa5e;\r\n\r\n  font-style: italic;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DIVIDER\r\n========================================= *\/\r\n\r\n.about-divider {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  width: 150px;\r\n\r\n  margin: 25px 0;\r\n}\r\n\r\n.about-divider span {\r\n\r\n  height: 1px;\r\n\r\n  flex: 1;\r\n\r\n  background:\r\n    rgba(203,158,77,.45);\r\n}\r\n\r\n.about-divider i {\r\n\r\n  color: #d8ae61;\r\n\r\n  font-style: normal;\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TEXT\r\n========================================= *\/\r\n\r\n.piramida-about-content p {\r\n\r\n  margin: 0 0 16px;\r\n\r\n  color:\r\n    rgba(255,246,231,.60);\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.9;\r\n\r\n  font-weight: 300;\r\n}\r\n\r\n.piramida-about-content .about-lead {\r\n\r\n  color: #ead9b8;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.7;\r\n\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.piramida-about-content p strong {\r\n\r\n  color: #dcb56d;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   QUALITY\r\n========================================= *\/\r\n\r\n.about-quality {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 18px;\r\n\r\n  margin-top: 35px;\r\n\r\n  padding-top: 28px;\r\n\r\n  border-top:\r\n    1px solid rgba(255,255,255,.09);\r\n}\r\n\r\n.quality-item {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 14px;\r\n}\r\n\r\n.quality-icon {\r\n\r\n  width: 40px;\r\n  height: 40px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(204,157,76,.45);\r\n\r\n  color: #dcb56d;\r\n\r\n  font-size: 13px;\r\n}\r\n\r\n.quality-info h3 {\r\n\r\n  margin: 0 0 7px;\r\n\r\n  color: #f0e2ca;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.quality-info p {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.42);\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   AREA\r\n========================================= *\/\r\n\r\n.about-area {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 15px;\r\n\r\n  margin-top: 35px;\r\n\r\n  padding: 18px 20px;\r\n\r\n  background:\r\n    rgba(255,255,255,.025);\r\n\r\n  border-left:\r\n    2px solid #bd8d42;\r\n}\r\n\r\n.area-icon {\r\n\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(203,157,76,.4);\r\n\r\n  color: #d7ae62;\r\n\r\n  font-size: 12px;\r\n}\r\n\r\n.about-area span {\r\n\r\n  display: block;\r\n\r\n  color: rgba(255,255,255,.35);\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.about-area strong {\r\n\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color: #e5c47f;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 19px;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.about-area small {\r\n\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color: rgba(255,255,255,.40);\r\n\r\n  font-size: 9px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CTA\r\n========================================= *\/\r\n\r\n.about-cta {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 25px;\r\n\r\n  margin-top: 30px;\r\n\r\n  padding-bottom: 9px;\r\n\r\n  border-bottom:\r\n    1px solid #c89b50;\r\n\r\n  color: #e0bf78 !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.about-cta b {\r\n\r\n  font-size: 18px;\r\n\r\n  font-weight: 400;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.about-cta:hover {\r\n\r\n  color: #f2d99e !important;\r\n\r\n  gap: 32px;\r\n}\r\n\r\n.about-cta:hover b {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .piramida-about {\r\n    padding: 100px 0;\r\n  }\r\n\r\n  .piramida-about-container {\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n    gap: 55px;\r\n  }\r\n\r\n  .about-experience {\r\n    right: -20px;\r\n  }\r\n\r\n  .about-quality {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 20px;\r\n  }\r\n\r\n  .quality-item {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 40px 1fr;\r\n\r\n    gap: 13px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .piramida-about {\r\n\r\n    padding:\r\n      85px 0 75px;\r\n  }\r\n\r\n  .piramida-about-container {\r\n\r\n    width: 88%;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 55px;\r\n  }\r\n\r\n  .piramida-about-visual {\r\n\r\n    width: 100%;\r\n  }\r\n\r\n  .about-image-wrapper {\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 4 \/ 5;\r\n  }\r\n\r\n  .about-experience {\r\n\r\n    right: 10px;\r\n\r\n    bottom: 25px;\r\n\r\n    width: 125px;\r\n    height: 85px;\r\n  }\r\n\r\n  .experience-number {\r\n    font-size: 40px;\r\n  }\r\n\r\n  .experience-text strong {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .experience-text span {\r\n    font-size: 7px;\r\n  }\r\n\r\n  .about-frame-corner {\r\n\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n  .piramida-about-content h2 {\r\n\r\n    font-size:\r\n      clamp(40px, 11vw, 54px);\r\n  }\r\n\r\n  .piramida-about-content .about-lead {\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .piramida-about-content p {\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .about-quality {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 22px;\r\n\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .quality-item {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 40px 1fr;\r\n\r\n    gap: 13px;\r\n  }\r\n\r\n  .quality-info h3 {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .quality-info p {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .about-area {\r\n\r\n    margin-top: 28px;\r\n\r\n    padding: 16px;\r\n  }\r\n\r\n  .about-area strong {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .about-area small {\r\n\r\n    line-height: 1.6;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .piramida-about-container {\r\n    width: 90%;\r\n  }\r\n\r\n  .about-experience {\r\n\r\n    right: 5px;\r\n\r\n    width: 115px;\r\n    height: 78px;\r\n  }\r\n\r\n  .experience-number {\r\n    font-size: 35px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-2947d61 e-con-full e-flex e-con e-parent\" data-id=\"2947d61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b46eb40 elementor-widget elementor-widget-html\" data-id=\"b46eb40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     PIRAMIDA WELLNESS SPA\r\n     PART 3 \u2014 SERVICES & PRICES\r\n     Elementor HTML Widget\r\n========================================= -->\r\n\r\n<section id=\"layanan\" class=\"piramida-services\">\r\n\r\n  <!-- Decorative Elements -->\r\n  <div class=\"services-glow services-glow-1\"><\/div>\r\n  <div class=\"services-glow services-glow-2\"><\/div>\r\n\r\n  <div class=\"piramida-services-container\">\r\n\r\n    <!-- =====================================\r\n         HEADER\r\n    ====================================== -->\r\n\r\n    <div class=\"services-heading\">\r\n\r\n      <div class=\"services-label\">\r\n        <span><\/span>\r\n        PENGALAMAN WELLNESS\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2>\r\n        Layanan <em>&amp; Harga<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Pilih pengalaman relaksasi yang sesuai dengan kebutuhan Anda.\nSemua treatment tersedia melalui layanan home service 24 jam <strong>home service 24 jam<\/strong>\r\n        di Jakarta dan Bali.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         FILTER\r\n    ====================================== -->\r\n\r\n    <div class=\"services-filter\">\r\n\r\n      <button\r\n        class=\"service-filter-btn active\"\r\n        data-filter=\"all\"\r\n      >\r\n        SEMUA\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"service-filter-btn\"\r\n        data-filter=\"massage\"\r\n      >\r\n        PIJAT\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"service-filter-btn\"\r\n        data-filter=\"wellness\"\r\n      >\r\n        WELLNESS\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"service-filter-btn\"\r\n        data-filter=\"treatment\"\r\n      >\r\n        PERAWATAN\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         SERVICE GRID\r\n    ====================================== -->\r\n\r\n    <div class=\"piramida-service-grid\">\r\n\r\n\r\n      <!-- ===================================\r\n           01 TRADITIONAL MASSAGE\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"massage\"\r\n      >\r\n\r\n        <div class=\"service-number\">01<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <!-- REPLACE IMAGE LATER -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-12-at-15.57.55.jpeg\"\r\n            alt=\"Traditional Massage\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            PIJAT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Pijat Tradisional<\/h3>\r\n\r\n          <p>\r\n            Pijat tradisional untuk membantu tubuh terasa lebih rileks setelah menjalani aktivitas sepanjang hari.\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp 500K<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp 600K<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Traditional%20Massage.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           02 BALINESE MASSAGE\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"massage\"\r\n      >\r\n\r\n        <div class=\"service-number\">02<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-21.29.30.jpeg\"\r\n            alt=\"Balinese Massage\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            PIJAT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Pijat Bali<\/h3>\r\n\r\n          <p>\r\n            Teknik khas pijat Bali dengan gerakan pijat yang menenangkan untuk pengalaman relaksasi yang menyeluruh.\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp 300K<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp 350K<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Balinese%20Massage.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           03 TUINA CHINESE MASSAGE\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"massage\"\r\n      >\r\n\r\n        <div class=\"service-number\">03<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-21.29.29-1.jpeg\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            PIJAT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Pijat Tuina Tiongkok<\/h3>\r\n\r\n          <p>\r\n            Teknik pijat tradisional Tiongkok dengan tekanan pada titik-titik tertentu untuk membantu memberikan relaksasi mendalam pada seluruh tubuh.\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp 300K<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp 350K<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Tuina%20Chinese%20Massage.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           04 SWEDISH MASSAGE\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"massage\"\r\n      >\r\n\r\n        <div class=\"service-number\">04<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/placehold.co\/700x800\/21130b\/c9a35a?text=Swedish+Massage\"\r\n            alt=\"Swedish Massage\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            PIJAT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Pijat Swedia<\/h3>\r\n\r\n          <p>\r\n            Teknik pijat dengan gerakan panjang dan lembut untuk membantu tubuh terasa lebih ringan dan nyaman.\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp \u2014<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp \u2014<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Swedish%20Massage.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           05 DEEP TISSUE MASSAGE\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"massage\"\r\n      >\r\n\r\n        <div class=\"service-number\">05<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/placehold.co\/700x800\/21130b\/c9a35a?text=Deep+Tissue\"\r\n            alt=\"Deep Tissue Massage\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            PIJAT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Pijat Deep Tissue<\/h3>\r\n\r\n          <p>\r\n            Massage techniques using deeper pressure to help\r\n            relieve tension after strenuous activity.\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp \u2014<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp \u2014<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Deep%20Tissue%20Massage.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           06 HOT STONE MASSAGE\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"wellness\"\r\n      >\r\n\r\n        <div class=\"service-number\">06<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-12-at-04.59.17.jpeg\"\r\n            alt=\"Hot Stone Massage\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            WELLNESS\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Pijat Batu Panas<\/h3>\r\n\r\n          <p>\r\n            Kombinasi pijat dan batu hangat untuk menciptakan pengalaman relaksasi yang nyaman dan menenangkan.\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp 350K<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp 400K<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Hot%20Stone%20Massage.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           07 THAI DRY MASSAGE\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"massage\"\r\n      >\r\n\r\n        <div class=\"service-number\">07<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-21.29.30-1.jpeg\"\r\n            alt=\"Thai Dry Massage\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            PIJAT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Pijat Thai Kering<\/h3>\r\n\r\n          <p>\r\n            Teknik pijat tradisional Thailand yang menggabungkan tekanan dan peregangan untuk membantu tubuh terasa lebih rileks.\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp 350K<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp 450K<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Thai%20Dry%20Massage.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           08 REFLEXOLOGY\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"wellness\"\r\n      >\r\n\r\n        <div class=\"service-number\">08<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-21.29.28.jpeg\"\r\n            alt=\"Reflexology\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            WELLNESS\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Reflexology<\/h3>\r\n\r\n          <p>\r\n            Refleksi kaki dengan tekanan pada titik-titik tertentu untuk memberikan pengalaman relaksasi yang nyaman\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp 300K<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp 350K<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Reflexology.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           09 TRADITIONAL FOOT MASSAGE\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"wellness\"\r\n      >\r\n\r\n        <div class=\"service-number\">09<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-21.29.28-1.jpeg\"\r\n            alt=\"Traditional Foot Massage\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            WELLNESS\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Pijat Kaki Tradisional<\/h3>\r\n\r\n          <p>\r\n            Pijat kaki tradisional untuk membantu memberikan rasa nyaman setelah menjalani aktivitas sehari-hari.\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp 600K<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp 650K<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Traditional%20Foot%20Massage.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           10 BEKAM\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"treatment\"\r\n      >\r\n\r\n        <div class=\"service-number\">10<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-21.29.26.jpeg\"\r\n            alt=\"Bekam\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            PERAWATAN\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Bekam<\/h3>\r\n\r\n          <p>\r\n            Terapi bekam yang dilakukan dengan prosedur yang cermat dan mengutamakan kenyamanan pelanggan\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp \u2014<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp \u2014<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Bekam.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           11 BODY SCRUB\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"treatment\"\r\n      >\r\n\r\n        <div class=\"service-number\">11<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-21.29.29.jpeg\"\r\n            alt=\"Traditional Body Scrub\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            PERAWATAN\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Lulur Tubuh Tradisional<\/h3>\r\n\r\n          <p>\r\n            Perawatan lulur tubuh tradisional untuk memberikan pengalaman treatment yang nyaman dan menyegarkan.\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp 300K<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp 350K<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Traditional%20Body%20Scrub.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ===================================\r\n           12 AROMATHERAPY\r\n      ==================================== -->\r\n\r\n      <article\r\n        class=\"piramida-service-card\"\r\n        data-category=\"wellness\"\r\n      >\r\n\r\n        <div class=\"service-number\">12<\/div>\r\n\r\n        <div class=\"service-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/piramidaspa.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-12-at-04.59.17-1.jpeg\"\r\n            alt=\"Aromatherapy\"\r\n          >\r\n\r\n          <div class=\"service-image-overlay\"><\/div>\r\n\r\n          <span class=\"service-tag\">\r\n            WELLNESS\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"service-content\">\r\n\r\n          <h3>Aromatherapy<\/h3>\r\n\r\n          <p>\r\n            Kombinasi pijat dan aroma minyak esensial untuk menciptakan suasana relaksasi yang hangat dan menenangkan\r\n          <\/p>\r\n\r\n          <div class=\"service-price\">\r\n\r\n            <div>\r\n              <span>90 MENIT<\/span>\r\n              <strong>Rp 350K<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>120 MENIT<\/span>\r\n              <strong>Rp 400K<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20Aromatherapy.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"service-book\"\r\n          >\r\n            PESAN SEKARANG\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         BOTTOM NOTE\r\n    ====================================== -->\r\n\r\n    <div class=\"services-note\">\r\n\r\n      <div class=\"note-symbol\">\u2726<\/div>\r\n\r\n      <div>\r\n        <strong>HOME SERVICE 24 JAM<\/strong>\r\n\r\n        <p>\r\n          Pemesanan dapat dilakukan kapan saja.\nTim kami siap membantu menyesuaikan layanan dengan kebutuhan dan lokasi Anda.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20home%20service.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        class=\"note-button\"\r\n      >\r\n        PESAN SEKARANG\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   SERVICES SECTION\r\n========================================= *\/\r\n\r\n.piramida-services {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: 130px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #100a07 0%,\r\n      #170d08 50%,\r\n      #0d0806 100%\r\n    );\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GLOW\r\n========================================= *\/\r\n\r\n.services-glow {\r\n\r\n  position: absolute;\r\n\r\n  width: 450px;\r\n  height: 450px;\r\n\r\n  border-radius: 50%;\r\n\r\n  filter: blur(130px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.services-glow-1 {\r\n\r\n  top: -200px;\r\n  left: -200px;\r\n\r\n  background:\r\n    rgba(188,125,37,.07);\r\n}\r\n\r\n.services-glow-2 {\r\n\r\n  bottom: -250px;\r\n  right: -200px;\r\n\r\n  background:\r\n    rgba(107,55,31,.10);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.piramida-services-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1300px, 90%);\r\n\r\n  margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.services-heading {\r\n\r\n  max-width: 720px;\r\n\r\n  margin: 0 auto 45px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.services-label {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: #d7ad62;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.services-label span {\r\n\r\n  width: 35px;\r\n  height: 1px;\r\n\r\n  background: #c59649;\r\n}\r\n\r\n.services-heading h2 {\r\n\r\n  margin: 0;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  color: #f5ead6;\r\n\r\n  font-size:\r\n    clamp(45px, 5vw, 70px);\r\n\r\n  line-height: 1.05;\r\n\r\n  font-weight: 400;\r\n\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n.services-heading h2 em {\r\n\r\n  color: #d4a85c;\r\n\r\n  font-style: italic;\r\n}\r\n\r\n.services-heading p {\r\n\r\n  max-width: 620px;\r\n\r\n  margin: 22px auto 0;\r\n\r\n  color:\r\n    rgba(255,245,230,.53);\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.85;\r\n\r\n  font-weight: 300;\r\n}\r\n\r\n.services-heading p strong {\r\n\r\n  color: #d7b16b;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FILTER\r\n========================================= *\/\r\n\r\n.services-filter {\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 8px;\r\n\r\n  margin-bottom: 45px;\r\n}\r\n\r\n.service-filter-btn {\r\n\r\n  padding: 11px 21px;\r\n\r\n  border:\r\n    1px solid rgba(213,169,91,.25);\r\n\r\n  background:\r\n    rgba(255,255,255,.025);\r\n\r\n  color:\r\n    rgba(255,255,255,.55);\r\n\r\n  cursor: pointer;\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 1.5px;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.service-filter-btn:hover {\r\n\r\n  border-color:\r\n    rgba(213,169,91,.60);\r\n\r\n  color: #e4c27b;\r\n}\r\n\r\n.service-filter-btn.active {\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #dcb46b,\r\n      #ae732a\r\n    );\r\n\r\n  border-color: transparent;\r\n\r\n  color: #160d07;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICE GRID\r\n========================================= *\/\r\n\r\n.piramida-service-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 25px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICE CARD\r\n========================================= *\/\r\n\r\n.piramida-service-card {\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(52,29,16,.75),\r\n      rgba(25,13,8,.95)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(207,161,81,.16);\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    border-color .4s ease,\r\n    box-shadow .4s ease;\r\n\r\n  animation:\r\n    serviceFade .45s ease both;\r\n}\r\n\r\n.piramida-service-card:hover {\r\n\r\n  transform:\r\n    translateY(-7px);\r\n\r\n  border-color:\r\n    rgba(211,169,91,.50);\r\n\r\n  box-shadow:\r\n    0 25px 60px rgba(0,0,0,.38);\r\n}\r\n\r\n@keyframes serviceFade {\r\n\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(15px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NUMBER\r\n========================================= *\/\r\n\r\n.service-number {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 5;\r\n\r\n  top: 14px;\r\n  left: 15px;\r\n\r\n  color:\r\n    rgba(255,220,155,.75);\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 12px;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE\r\n========================================= *\/\r\n\r\n.service-image {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio:\r\n    1 \/ .92;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.service-image img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform .8s ease;\r\n}\r\n\r\n.piramida-service-card:hover\r\n.service-image img {\r\n\r\n  transform:\r\n    scale(1.06);\r\n}\r\n\r\n.service-image-overlay {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(5,3,2,.10) 0%,\r\n      rgba(8,4,2,.05) 45%,\r\n      rgba(12,6,3,.78) 100%\r\n    );\r\n}\r\n\r\n.service-tag {\r\n\r\n  position: absolute;\r\n\r\n  right: 15px;\r\n  bottom: 15px;\r\n\r\n  padding: 7px 10px;\r\n\r\n  border:\r\n    1px solid rgba(228,192,121,.40);\r\n\r\n  background:\r\n    rgba(15,8,4,.72);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n  color:\r\n    #e2bf79;\r\n\r\n  font-size: 7px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.service-content {\r\n\r\n  padding: 24px 22px 22px;\r\n}\r\n\r\n.service-content h3 {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #f1e4cf;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 23px;\r\n\r\n  line-height: 1.15;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.service-content > p {\r\n\r\n  min-height: 65px;\r\n\r\n  margin: 12px 0 20px;\r\n\r\n  color:\r\n    rgba(255,245,230,.45);\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PRICE\r\n========================================= *\/\r\n\r\n.service-price {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap: 10px;\r\n\r\n  padding-top: 16px;\r\n\r\n  border-top:\r\n    1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.service-price div {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 5px;\r\n}\r\n\r\n.service-price span {\r\n\r\n  color:\r\n    rgba(255,255,255,.38);\r\n\r\n  font-size: 7px;\r\n\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.service-price strong {\r\n\r\n  color:\r\n    #dfbd79;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOOK BUTTON\r\n========================================= *\/\r\n\r\n.service-book {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  margin-top: 20px;\r\n\r\n  padding-top: 15px;\r\n\r\n  border-top:\r\n    1px solid rgba(255,255,255,.07);\r\n\r\n  color:\r\n    #d8b26a !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.service-book b {\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 400;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.service-book:hover {\r\n\r\n  color:\r\n    #f2d79b !important;\r\n}\r\n\r\n.service-book:hover b {\r\n\r\n  transform:\r\n    translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM NOTE\r\n========================================= *\/\r\n\r\n.services-note {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    auto 1fr auto;\r\n\r\n  align-items: center;\r\n\r\n  gap: 20px;\r\n\r\n  margin-top: 50px;\r\n\r\n  padding: 25px 28px;\r\n\r\n  border:\r\n    1px solid rgba(207,161,81,.20);\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      rgba(205,157,73,.07),\r\n      rgba(255,255,255,.02)\r\n    );\r\n}\r\n\r\n.note-symbol {\r\n\r\n  width: 43px;\r\n  height: 43px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(207,160,78,.45);\r\n\r\n  color:\r\n    #dcb36a;\r\n\r\n  font-size: 13px;\r\n}\r\n\r\n.services-note strong {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    #e4c37f;\r\n\r\n  font-size: 10px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.services-note p {\r\n\r\n  margin: 6px 0 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.40);\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.6;\r\n}\r\n\r\n.note-button {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  min-height: 45px;\r\n\r\n  padding: 0 22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #dcb56b,\r\n      #ad7229\r\n    );\r\n\r\n  color:\r\n    #180d07 !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n\r\n  white-space: nowrap;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.note-button:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(191,137,53,.25);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .piramida-service-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .piramida-services {\r\n\r\n    padding:\r\n      90px 0 75px;\r\n  }\r\n\r\n  .piramida-services-container {\r\n\r\n    width: 90%;\r\n  }\r\n\r\n  .services-heading {\r\n\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .services-heading h2 {\r\n\r\n    font-size:\r\n      clamp(42px, 12vw, 55px);\r\n  }\r\n\r\n  .services-heading p {\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .services-filter {\r\n\r\n    gap: 6px;\r\n\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .service-filter-btn {\r\n\r\n    padding:\r\n      9px 13px;\r\n\r\n    font-size: 7px;\r\n\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .piramida-service-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 20px;\r\n  }\r\n\r\n  .service-image {\r\n\r\n    aspect-ratio:\r\n      1 \/ .82;\r\n  }\r\n\r\n  .service-content {\r\n\r\n    padding:\r\n      21px 18px 20px;\r\n  }\r\n\r\n  .service-content h3 {\r\n\r\n    font-size: 22px;\r\n  }\r\n\r\n  .service-content > p {\r\n\r\n    min-height: auto;\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n  .service-price strong {\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n  .services-note {\r\n\r\n    grid-template-columns:\r\n      auto 1fr;\r\n\r\n    gap: 14px;\r\n\r\n    padding:\r\n      20px;\r\n  }\r\n\r\n  .note-button {\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .service-price {\r\n\r\n    gap: 6px;\r\n  }\r\n\r\n  .service-price strong {\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\/* =========================================\r\n   SERVICE FILTER\r\n========================================= *\/\r\n\r\ndocument.addEventListener(\r\n  \"DOMContentLoaded\",\r\n  function () {\r\n\r\n    const buttons =\r\n      document.querySelectorAll(\r\n        \".service-filter-btn\"\r\n      );\r\n\r\n    const cards =\r\n      document.querySelectorAll(\r\n        \".piramida-service-card\"\r\n      );\r\n\r\n    buttons.forEach(\r\n      function (button) {\r\n\r\n        button.addEventListener(\r\n          \"click\",\r\n          function () {\r\n\r\n            const filter =\r\n              this.getAttribute(\r\n                \"data-filter\"\r\n              );\r\n\r\n            buttons.forEach(\r\n              function (btn) {\r\n\r\n                btn.classList.remove(\r\n                  \"active\"\r\n                );\r\n\r\n              }\r\n            );\r\n\r\n            this.classList.add(\r\n              \"active\"\r\n            );\r\n\r\n            cards.forEach(\r\n              function (card) {\r\n\r\n                const category =\r\n                  card.getAttribute(\r\n                    \"data-category\"\r\n                  );\r\n\r\n                if (\r\n                  filter === \"all\" ||\r\n                  category === filter\r\n                ) {\r\n\r\n                  card.style.display =\r\n                    \"block\";\r\n\r\n                } else {\r\n\r\n                  card.style.display =\r\n                    \"none\";\r\n\r\n                }\r\n\r\n              }\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-43861d6 e-con-full e-flex e-con e-parent\" data-id=\"43861d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e68e98 elementor-widget elementor-widget-html\" data-id=\"9e68e98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     PIRAMIDA WELLNESS SPA\r\n     PART 4 \u2014 PREMIUM EXPERIENCE\r\n     Elementor HTML Widget\r\n========================================= -->\r\n\r\n<section id=\"keunggulan\" class=\"piramida-experience\">\r\n\r\n  <!-- Decorative Background -->\r\n  <div class=\"experience-bg-glow experience-bg-glow-1\"><\/div>\r\n  <div class=\"experience-bg-glow experience-bg-glow-2\"><\/div>\r\n\r\n  <!-- Decorative Pyramid -->\r\n  <div class=\"experience-pyramid\">\r\n    <div class=\"experience-pyramid-inner\"><\/div>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"piramida-experience-container\">\r\n\r\n    <!-- =====================================\r\n         TOP HEADING\r\n    ====================================== -->\r\n\r\n    <div class=\"experience-heading\">\r\n\r\n      <div class=\"experience-label\">\r\n        <span><\/span>\r\n        PENGALAMAN PIRAMIDA\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2>\r\n        Lebih dari Sekadar Pijat.<br>\r\n        <em>Pengalaman Relaksasi yang Lengkap.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Kami menghadirkan pengalaman wellness premium langsung ke lokasi Anda dengan mengutamakan kenyamanan, privasi, kualitas pelayanan, dan ketenangan.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         MAIN HIGHLIGHT\r\n    ====================================== -->\r\n\r\n    <div class=\"experience-highlight\">\r\n\r\n      <div class=\"highlight-number\">\r\n        24\r\n      <\/div>\r\n\r\n      <div class=\"highlight-content\">\r\n\r\n        <span>\r\n          HOME SERVICE\r\n        <\/span>\r\n\r\n        <h3>\r\n          Kapan Pun Anda Membutuhkan Kami\r\n        <\/h3>\r\n\r\n        <p>\r\n          Anda tidak perlu meninggalkan rumah, hotel, atau vila.\nTim Piramida Wellness Spa siap datang ke lokasi Anda 24 jam sehari, nonstop.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"highlight-badge\">\r\n        <span>24<\/span>\r\n        <small>HOURS<\/small>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         BENEFIT GRID\r\n    ====================================== -->\r\n\r\n    <div class=\"experience-grid\">\r\n\r\n\r\n      <!-- 01 -->\r\n\r\n      <div class=\"experience-card\">\r\n\r\n        <div class=\"experience-card-top\">\r\n\r\n          <span class=\"experience-card-number\">\r\n            01\r\n          <\/span>\r\n\r\n          <div class=\"experience-icon\">\r\n            \u2726\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Terapis Profesional\r\n        <\/h3>\r\n\r\n        <p>\r\n          Ditangani oleh terapis terlatih yang mengutamakan teknik pijat, pelayanan, dan kenyamanan pelanggan.\r\n        <\/p>\r\n\r\n        <div class=\"experience-card-line\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 02 -->\r\n\r\n      <div class=\"experience-card\">\r\n\r\n        <div class=\"experience-card-top\">\r\n\r\n          <span class=\"experience-card-number\">\r\n            02\r\n          <\/span>\r\n\r\n          <div class=\"experience-icon\">\r\n            \u25c7\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Terapis Pria &amp; Wanita\r\n        <\/h3>\r\n\r\n        <p>\r\n          Pria &amp; Wanita Pilihan terapis pria dan wanita tersedia sesuai kebutuhan dan kenyamanan Anda.\r\n        <\/p>\r\n\r\n        <div class=\"experience-card-line\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 03 -->\r\n\r\n      <div class=\"experience-card\">\r\n\r\n        <div class=\"experience-card-top\">\r\n\r\n          <span class=\"experience-card-number\">\r\n            03\r\n          <\/span>\r\n\r\n          <div class=\"experience-icon\">\r\n            \u2727\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Layanan ke Lokasi\r\n        <\/h3>\r\n\r\n        <p>\r\n          Nikmati treatment di rumah, hotel, vila, atau lokasi pilihan Anda tanpa perlu bepergian.\r\n        <\/p>\r\n\r\n        <div class=\"experience-card-line\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 04 -->\r\n\r\n      <div class=\"experience-card\">\r\n\r\n        <div class=\"experience-card-top\">\r\n\r\n          <span class=\"experience-card-number\">\r\n            04\r\n          <\/span>\r\n\r\n          <div class=\"experience-icon\">\r\n            \u2662\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Peralatan Lengkap\r\n        <\/h3>\r\n\r\n        <p>\r\n          Terapis membawa perlengkapan treatment yang diperlukan untuk menunjang pengalaman home service Anda.\r\n        <\/p>\r\n\r\n        <div class=\"experience-card-line\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 05 -->\r\n\r\n      <div class=\"experience-card\">\r\n\r\n        <div class=\"experience-card-top\">\r\n\r\n          <span class=\"experience-card-number\">\r\n            05\r\n          <\/span>\r\n\r\n          <div class=\"experience-icon\">\r\n            \u273a\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Nyaman &amp; Privat\r\n        <\/h3>\r\n\r\n        <p>\r\n          Nikmati pengalaman relaksasi yang lebih personal dengan layanan yang datang langsung ke lokasi Anda.\r\n        <\/p>\r\n\r\n        <div class=\"experience-card-line\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 06 -->\r\n\r\n      <div class=\"experience-card\">\r\n\r\n        <div class=\"experience-card-top\">\r\n\r\n          <span class=\"experience-card-number\">\r\n            06\r\n          <\/span>\r\n\r\n          <div class=\"experience-icon\">\r\n            \u2726\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h3>\r\n          Jakarta & Bali\r\n        <\/h3>\r\n\r\n        <p>\r\n          Melayani berbagai area di Jakarta dan destinasi pilihan di Bali untuk kebutuhan relaksasi Anda.\r\n        <\/p>\r\n\r\n        <div class=\"experience-card-line\"><\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         BOTTOM CTA\r\n    ====================================== -->\r\n\r\n    <div class=\"experience-cta\">\r\n\r\n      <div class=\"experience-cta-content\">\r\n\r\n        <span>\r\n          SIAP UNTUK RELAKSASI?\r\n        <\/span>\r\n\r\n        <h3>\r\n          Biarkan Kami Datang ke Lokasi Anda.\r\n        <\/h3>\r\n\r\n        <p>\r\n          Pesan treatment pilihan Anda sekarang.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20booking%20treatment.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        class=\"experience-cta-button\"\r\n      >\r\n        <span>PESAN SEKARANG<\/span>\r\n        <b>\u2192<\/b>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   EXPERIENCE SECTION\r\n========================================= *\/\r\n\r\n.piramida-experience {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: 130px 0;\r\n\r\n  background:\r\n    #0b0705;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BACKGROUND GLOW\r\n========================================= *\/\r\n\r\n.experience-bg-glow {\r\n\r\n  position: absolute;\r\n\r\n  width: 500px;\r\n  height: 500px;\r\n\r\n  border-radius: 50%;\r\n\r\n  filter: blur(150px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.experience-bg-glow-1 {\r\n\r\n  top: -300px;\r\n  right: -100px;\r\n\r\n  background:\r\n    rgba(204,149,54,.10);\r\n}\r\n\r\n.experience-bg-glow-2 {\r\n\r\n  bottom: -300px;\r\n  left: -200px;\r\n\r\n  background:\r\n    rgba(110,53,30,.10);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PYRAMID DECORATION\r\n========================================= *\/\r\n\r\n.experience-pyramid {\r\n\r\n  position: absolute;\r\n\r\n  top: 8%;\r\n\r\n  right: -180px;\r\n\r\n  width: 500px;\r\n  height: 500px;\r\n\r\n  opacity: .08;\r\n\r\n  transform:\r\n    rotate(30deg);\r\n\r\n  border:\r\n    1px solid #d3a55b;\r\n\r\n  clip-path:\r\n    polygon(\r\n      50% 0%,\r\n      100% 100%,\r\n      0% 100%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.experience-pyramid-inner {\r\n\r\n  position: absolute;\r\n\r\n  inset: 55px;\r\n\r\n  border:\r\n    1px solid #d3a55b;\r\n\r\n  clip-path:\r\n    polygon(\r\n      50% 0%,\r\n      100% 100%,\r\n      0% 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.piramida-experience-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1280px, 90%);\r\n\r\n  margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.experience-heading {\r\n\r\n  max-width: 760px;\r\n\r\n  margin:\r\n    0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.experience-label {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: #d4aa61;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.experience-label span {\r\n\r\n  width: 35px;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    #bd8e43;\r\n}\r\n\r\n.experience-heading h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: #f4e8d2;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(43px, 5vw, 70px);\r\n\r\n  line-height: 1.05;\r\n\r\n  font-weight: 400;\r\n\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n.experience-heading h2 em {\r\n\r\n  color: #d5aa5c;\r\n\r\n  font-style: italic;\r\n}\r\n\r\n.experience-heading p {\r\n\r\n  max-width: 630px;\r\n\r\n  margin:\r\n    24px auto 0;\r\n\r\n  color:\r\n    rgba(255,246,231,.50);\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.85;\r\n\r\n  font-weight: 300;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN HIGHLIGHT\r\n========================================= *\/\r\n\r\n.experience-highlight {\r\n\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    150px 1fr auto;\r\n\r\n  align-items: center;\r\n\r\n  gap: 35px;\r\n\r\n  padding:\r\n    35px 40px;\r\n\r\n  margin-bottom: 35px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      105deg,\r\n      rgba(180,120,39,.12),\r\n      rgba(255,255,255,.025)\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(210,165,82,.28);\r\n}\r\n\r\n.highlight-number {\r\n\r\n  color:\r\n    rgba(207,158,73,.18);\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 105px;\r\n\r\n  line-height: .75;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.highlight-content span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color:\r\n    #d5a95c;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.highlight-content h3 {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #f1e4cf;\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 28px;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.highlight-content p {\r\n\r\n  max-width: 650px;\r\n\r\n  margin: 9px 0 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.44);\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n.highlight-badge {\r\n\r\n  width: 90px;\r\n  height: 90px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(215,171,94,.50);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(201,150,60,.05);\r\n}\r\n\r\n.highlight-badge span {\r\n\r\n  color:\r\n    #e1bc73;\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 28px;\r\n\r\n  line-height: 1;\r\n}\r\n\r\n.highlight-badge small {\r\n\r\n  margin-top: 4px;\r\n\r\n  color:\r\n    rgba(255,255,255,.40);\r\n\r\n  font-size: 7px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BENEFIT GRID\r\n========================================= *\/\r\n\r\n.experience-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  border-top:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  border-left:\r\n    1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.experience-card {\r\n\r\n  position: relative;\r\n\r\n  min-height: 245px;\r\n\r\n  padding: 28px;\r\n\r\n  border-right:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  border-bottom:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  background:\r\n    rgba(255,255,255,.012);\r\n\r\n  transition:\r\n    background .35s ease;\r\n}\r\n\r\n.experience-card:hover {\r\n\r\n  background:\r\n    rgba(203,158,77,.045);\r\n}\r\n\r\n.experience-card-top {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n}\r\n\r\n.experience-card-number {\r\n\r\n  color:\r\n    rgba(220,177,99,.42);\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 11px;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.experience-icon {\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(209,161,81,.40);\r\n\r\n  color:\r\n    #d6ad64;\r\n\r\n  font-size: 13px;\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    background .4s ease;\r\n}\r\n\r\n.experience-card:hover\r\n.experience-icon {\r\n\r\n  transform:\r\n    rotate(45deg);\r\n\r\n  background:\r\n    rgba(206,157,70,.08);\r\n}\r\n\r\n.experience-card h3 {\r\n\r\n  margin:\r\n    27px 0 10px;\r\n\r\n  color:\r\n    #efe1c9;\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 21px;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.experience-card p {\r\n\r\n  margin: 0;\r\n\r\n  max-width: 280px;\r\n\r\n  color:\r\n    rgba(255,255,255,.40);\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n.experience-card-line {\r\n\r\n  position: absolute;\r\n\r\n  bottom: 0;\r\n\r\n  left: 28px;\r\n\r\n  width: 35px;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    #bd8e43;\r\n\r\n  transition:\r\n    width .35s ease;\r\n}\r\n\r\n.experience-card:hover\r\n.experience-card-line {\r\n\r\n  width: 70px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CTA\r\n========================================= *\/\r\n\r\n.experience-cta {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 30px;\r\n\r\n  margin-top: 55px;\r\n\r\n  padding:\r\n    30px 35px;\r\n\r\n  border:\r\n    1px solid rgba(211,166,86,.30);\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      rgba(200,148,54,.09),\r\n      rgba(255,255,255,.02)\r\n    );\r\n}\r\n\r\n.experience-cta-content span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  color:\r\n    #d2a55b;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.experience-cta-content h3 {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #f0e3ce;\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 26px;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.experience-cta-content p {\r\n\r\n  margin:\r\n    7px 0 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.40);\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n.experience-cta-button {\r\n\r\n  min-width: 180px;\r\n\r\n  min-height: 52px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 25px;\r\n\r\n  padding:\r\n    0 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #e0b96c,\r\n      #ad7127\r\n    );\r\n\r\n  color:\r\n    #170c06 !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.experience-cta-button b {\r\n\r\n  font-size: 17px;\r\n\r\n  font-weight: 400;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.experience-cta-button:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(190,137,48,.25);\r\n}\r\n\r\n.experience-cta-button:hover b {\r\n\r\n  transform:\r\n    translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .experience-highlight {\r\n\r\n    grid-template-columns:\r\n      100px 1fr auto;\r\n\r\n    gap: 25px;\r\n  }\r\n\r\n  .highlight-number {\r\n\r\n    font-size: 80px;\r\n  }\r\n\r\n  .experience-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .piramida-experience {\r\n\r\n    padding:\r\n      90px 0 75px;\r\n  }\r\n\r\n  .piramida-experience-container {\r\n\r\n    width: 90%;\r\n  }\r\n\r\n  .experience-heading {\r\n\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .experience-heading h2 {\r\n\r\n    font-size:\r\n      clamp(40px, 11vw, 55px);\r\n  }\r\n\r\n  .experience-heading p {\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .experience-highlight {\r\n\r\n    grid-template-columns:\r\n      1fr auto;\r\n\r\n    gap: 15px;\r\n\r\n    padding:\r\n      25px 20px;\r\n  }\r\n\r\n  .highlight-number {\r\n\r\n    display: none;\r\n  }\r\n\r\n  .highlight-content h3 {\r\n\r\n    font-size: 23px;\r\n  }\r\n\r\n  .highlight-content p {\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .highlight-badge {\r\n\r\n    width: 70px;\r\n    height: 70px;\r\n  }\r\n\r\n  .highlight-badge span {\r\n\r\n    font-size: 23px;\r\n  }\r\n\r\n  .experience-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n  .experience-card {\r\n\r\n    min-height: auto;\r\n\r\n    padding:\r\n      25px 22px;\r\n  }\r\n\r\n  .experience-card h3 {\r\n\r\n    margin-top: 22px;\r\n\r\n    font-size: 20px;\r\n  }\r\n\r\n  .experience-card p {\r\n\r\n    max-width: none;\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n  .experience-cta {\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: stretch;\r\n\r\n    padding:\r\n      25px 20px;\r\n\r\n    gap: 22px;\r\n  }\r\n\r\n  .experience-cta-content h3 {\r\n\r\n    font-size: 23px;\r\n\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .experience-cta-button {\r\n\r\n    width: 100%;\r\n  }\r\n\r\n  .experience-pyramid {\r\n\r\n    width: 300px;\r\n    height: 300px;\r\n\r\n    right: -150px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .experience-highlight {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n  .highlight-badge {\r\n\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-52c7420 e-con-full e-flex e-con e-parent\" data-id=\"52c7420\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52e362b elementor-widget elementor-widget-html\" data-id=\"52e362b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     PIRAMIDA WELLNESS SPA\r\n     PART 5 \u2014 SERVICE AREA\r\n     Elementor HTML Widget\r\n========================================= -->\r\n\r\n<section id=\"area\" class=\"piramida-area\">\r\n\r\n  <!-- Decorative Background -->\r\n  <div class=\"area-bg-glow area-bg-glow-1\"><\/div>\r\n  <div class=\"area-bg-glow area-bg-glow-2\"><\/div>\r\n\r\n  <div class=\"piramida-area-container\">\r\n\r\n    <!-- =====================================\r\n         HEADER\r\n    ====================================== -->\r\n\r\n    <div class=\"area-heading\">\r\n\r\n      <div class=\"area-label\">\r\n        <span><\/span>\r\n        AREA LAYANAN\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2>\r\n        Kami Datang<br>\r\n        <em>ke Lokasi Anda.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Nikmati layanan wellness premium tanpa perlu meninggalkan lokasi Anda saat ini.Piramida Wellness Spa\r\n        <strong>Jakarta & Bali<\/strong> 24 jam sehari\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         LOCATION CARDS\r\n    ====================================== -->\r\n\r\n    <div class=\"piramida-location-grid\">\r\n\r\n\r\n      <!-- ===================================\r\n           JAKARTA\r\n      ==================================== -->\r\n\r\n      <div class=\"piramida-location-card jakarta-card\">\r\n\r\n        <!-- Decorative Number -->\r\n        <div class=\"location-big-number\">\r\n          01\r\n        <\/div>\r\n\r\n        <!-- Background Pattern -->\r\n        <div class=\"location-pattern\"><\/div>\r\n\r\n        <div class=\"location-card-content\">\r\n\r\n          <div class=\"location-top\">\r\n\r\n            <div class=\"location-icon\">\r\n              \u2726\r\n            <\/div>\r\n\r\n            <span>\r\n              HOME SERVICE\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"location-city\">\r\n            JAKARTA\r\n          <\/div>\r\n\r\n          <div class=\"location-line\"><\/div>\r\n\r\n          <p>\r\n            Home service tersedia di seluruh wilayah Jakarta. Nikmati treatment premium langsung di rumah, hotel, apartemen, atau lokasi pilihan Anda.\r\n          <\/p>\r\n\r\n\r\n          <!-- Jakarta Areas -->\r\n\r\n          <div class=\"location-list-title\">\r\n            AREA JAKARTA\r\n          <\/div>\r\n\r\n          <div class=\"location-list\">\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Jakarta Pusat\r\n            <\/span>\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Jakarta Selatan\r\n            <\/span>\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Jakarta Barat\r\n            <\/span>\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Jakarta Timur\r\n            <\/span>\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Jakarta Utara\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20berada%20di%20Jakarta%20dan%20ingin%20booking%20home%20service.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"location-button\"\r\n          >\r\n            PESAN JAKARTA\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================\r\n           BALI\r\n      ==================================== -->\r\n\r\n      <div class=\"piramida-location-card bali-card\">\r\n\r\n        <!-- Decorative Number -->\r\n        <div class=\"location-big-number\">\r\n          02\r\n        <\/div>\r\n\r\n        <!-- Background Pattern -->\r\n        <div class=\"location-pattern\"><\/div>\r\n\r\n        <div class=\"location-card-content\">\r\n\r\n          <div class=\"location-top\">\r\n\r\n            <div class=\"location-icon\">\r\n              \u2727\r\n            <\/div>\r\n\r\n            <span>\r\n              HOME SERVICE\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"location-city\">\r\n            BALI\r\n          <\/div>\r\n\r\n          <div class=\"location-line\"><\/div>\r\n\r\n          <p>\r\n            Hadir untuk meningkatkan pengalaman relaksasi Anda selama berada di Bali.Cocok untuk rumah, vila, hotel, dan tempat menginap.\r\n          <\/p>\r\n\r\n\r\n          <!-- Bali Areas -->\r\n\r\n          <div class=\"location-list-title\">\r\n            AREA BALI\r\n          <\/div>\r\n\r\n          <div class=\"location-list bali-list\">\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Denpasar\r\n            <\/span>\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Kuta\r\n            <\/span>\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Seminyak\r\n            <\/span>\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Canggu\r\n            <\/span>\r\n\r\n            <span>\r\n              <i>\u2726<\/i>\r\n              Ubud\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20berada%20di%20Bali%20dan%20ingin%20booking%20home%20service.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"location-button\"\r\n          >\r\n            PESAN BALI\r\n            <b>\u2192<\/b>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         24 HOUR STRIP\r\n    ====================================== -->\r\n\r\n    <div class=\"area-24-strip\">\r\n\r\n      <div class=\"area-24-icon\">\r\n        24\r\n      <\/div>\r\n\r\n      <div class=\"area-24-text\">\r\n\r\n        <span>\r\n          TERSEDIA SETIAP HARI 24 JAM NONSTOP\r\n        <\/span>\r\n\r\n        <strong>\r\n          24 JAM NONSTOP\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"area-24-divider\"><\/div>\r\n\r\n      <p>\r\n        Pesan kapan saja sesuai kebutuhan Anda.\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20menanyakan%20ketersediaan%20home%20service.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        class=\"area-24-button\"\r\n      >\r\n        CEK KETERSEDIAAN\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         NOTE\r\n    ====================================== -->\r\n\r\n    <div class=\"area-note\">\r\n\r\n      <span>\u2726<\/span>\r\n\r\n      <p>\r\n        <strong>Berada di area lain?<\/strong>\r\n        Hubungi kami melalui WhatsApp untuk mengecek ketersediaan layanan di lokasi Anda.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   AREA SECTION\r\n========================================= *\/\r\n\r\n.piramida-area {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: 130px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #100a07 0%,\r\n      #150c08 50%,\r\n      #0d0806 100%\r\n    );\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GLOW\r\n========================================= *\/\r\n\r\n.area-bg-glow {\r\n\r\n  position: absolute;\r\n\r\n  width: 500px;\r\n  height: 500px;\r\n\r\n  border-radius: 50%;\r\n\r\n  filter: blur(150px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.area-bg-glow-1 {\r\n\r\n  top: -300px;\r\n  left: -250px;\r\n\r\n  background:\r\n    rgba(205,151,54,.08);\r\n}\r\n\r\n.area-bg-glow-2 {\r\n\r\n  bottom: -300px;\r\n  right: -200px;\r\n\r\n  background:\r\n    rgba(104,53,31,.11);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.piramida-area-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1280px, 90%);\r\n\r\n  margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.area-heading {\r\n\r\n  max-width: 720px;\r\n\r\n  margin:\r\n    0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.area-label {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: #d5aa5e;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.area-label span {\r\n\r\n  width: 35px;\r\n\r\n  height: 1px;\r\n\r\n  background: #bd8e43;\r\n}\r\n\r\n.area-heading h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: #f4e7d1;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(44px, 5vw, 70px);\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.03;\r\n\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n.area-heading h2 em {\r\n\r\n  color: #d5aa5c;\r\n\r\n  font-style: italic;\r\n}\r\n\r\n.area-heading p {\r\n\r\n  max-width: 620px;\r\n\r\n  margin:\r\n    23px auto 0;\r\n\r\n  color:\r\n    rgba(255,246,231,.50);\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.85;\r\n\r\n  font-weight: 300;\r\n}\r\n\r\n.area-heading p strong {\r\n\r\n  color: #dcb36a;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LOCATION GRID\r\n========================================= *\/\r\n\r\n.piramida-location-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, 1fr);\r\n\r\n  gap: 25px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LOCATION CARD\r\n========================================= *\/\r\n\r\n.piramida-location-card {\r\n\r\n  position: relative;\r\n\r\n  min-height: 580px;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid rgba(210,165,82,.27);\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(53,30,16,.82),\r\n      rgba(22,11,7,.96)\r\n    );\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    border-color .4s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n.piramida-location-card:hover {\r\n\r\n  transform:\r\n    translateY(-7px);\r\n\r\n  border-color:\r\n    rgba(218,174,94,.55);\r\n\r\n  box-shadow:\r\n    0 30px 70px rgba(0,0,0,.40);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE NUMBER\r\n========================================= *\/\r\n\r\n.location-big-number {\r\n\r\n  position: absolute;\r\n\r\n  top: -25px;\r\n\r\n  right: 25px;\r\n\r\n  color:\r\n    rgba(218,172,88,.07);\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 180px;\r\n\r\n  line-height: 1;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PATTERN\r\n========================================= *\/\r\n\r\n.location-pattern {\r\n\r\n  position: absolute;\r\n\r\n  width: 320px;\r\n  height: 320px;\r\n\r\n  right: -100px;\r\n  bottom: -110px;\r\n\r\n  border:\r\n    1px solid rgba(210,162,78,.08);\r\n\r\n  border-radius: 50%;\r\n\r\n  box-shadow:\r\n    0 0 0 35px rgba(210,162,78,.025),\r\n    0 0 0 70px rgba(210,162,78,.018);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD CONTENT\r\n========================================= *\/\r\n\r\n.location-card-content {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  padding:\r\n    45px 42px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TOP\r\n========================================= *\/\r\n\r\n.location-top {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  margin-bottom: 35px;\r\n}\r\n\r\n.location-icon {\r\n\r\n  width: 45px;\r\n  height: 45px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(211,165,84,.45);\r\n\r\n  color:\r\n    #dcb46b;\r\n\r\n  font-size: 14px;\r\n}\r\n\r\n.location-top > span {\r\n\r\n  color:\r\n    rgba(255,255,255,.35);\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CITY\r\n========================================= *\/\r\n\r\n.location-city {\r\n\r\n  color:\r\n    #f1e3cc;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(52px, 6vw, 76px);\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 400;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.bali-card .location-city {\r\n\r\n  color:\r\n    #e2bc75;\r\n}\r\n\r\n.location-line {\r\n\r\n  width: 65px;\r\n\r\n  height: 1px;\r\n\r\n  margin:\r\n    22px 0;\r\n\r\n  background:\r\n    #c49348;\r\n}\r\n\r\n.location-card-content > p {\r\n\r\n  max-width: 470px;\r\n\r\n  min-height: 72px;\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    rgba(255,245,230,.48);\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LIST\r\n========================================= *\/\r\n\r\n.location-list-title {\r\n\r\n  margin-top: 28px;\r\n\r\n  margin-bottom: 13px;\r\n\r\n  color:\r\n    #d8ad60;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.location-list {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap:\r\n    9px 25px;\r\n}\r\n\r\n.location-list span {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  color:\r\n    rgba(255,255,255,.60);\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n.location-list i {\r\n\r\n  color:\r\n    #c99a4f;\r\n\r\n  font-style: normal;\r\n\r\n  font-size: 7px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON\r\n========================================= *\/\r\n\r\n.location-button {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 30px;\r\n\r\n  min-width: 190px;\r\n\r\n  margin-top: 32px;\r\n\r\n  padding:\r\n    14px 18px;\r\n\r\n  border:\r\n    1px solid rgba(210,163,81,.40);\r\n\r\n  background:\r\n    rgba(211,162,76,.035);\r\n\r\n  color:\r\n    #dfbc77 !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.7px;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.location-button b {\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 400;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.location-button:hover {\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(218,174,93,.18),\r\n      rgba(181,118,38,.08)\r\n    );\r\n\r\n  border-color:\r\n    rgba(222,181,105,.70);\r\n\r\n  color:\r\n    #f0d69d !important;\r\n}\r\n\r\n.location-button:hover b {\r\n\r\n  transform:\r\n    translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   24 HOUR STRIP\r\n========================================= *\/\r\n\r\n.area-24-strip {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    auto auto 1px 1fr auto;\r\n\r\n  align-items: center;\r\n\r\n  gap: 22px;\r\n\r\n  margin-top: 35px;\r\n\r\n  padding:\r\n    25px 30px;\r\n\r\n  border:\r\n    1px solid rgba(209,162,82,.27);\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      rgba(205,153,54,.08),\r\n      rgba(255,255,255,.018)\r\n    );\r\n}\r\n\r\n.area-24-icon {\r\n\r\n  width: 55px;\r\n  height: 55px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(214,169,88,.50);\r\n\r\n  border-radius: 50%;\r\n\r\n  color:\r\n    #e1bc75;\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 22px;\r\n}\r\n\r\n.area-24-text span {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    rgba(255,255,255,.35);\r\n\r\n  font-size: 7px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.area-24-text strong {\r\n\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color:\r\n    #e2be76;\r\n\r\n  font-size: 11px;\r\n\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.area-24-divider {\r\n\r\n  width: 1px;\r\n\r\n  height: 40px;\r\n\r\n  background:\r\n    rgba(255,255,255,.12);\r\n}\r\n\r\n.area-24-strip p {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.42);\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n.area-24-button {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  min-height: 44px;\r\n\r\n  padding:\r\n    0 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #dfb86b,\r\n      #ad7128\r\n    );\r\n\r\n  color:\r\n    #170d07 !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.3px;\r\n\r\n  white-space: nowrap;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.area-24-button:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(190,137,48,.23);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NOTE\r\n========================================= *\/\r\n\r\n.area-note {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-top: 28px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.area-note > span {\r\n\r\n  color:\r\n    #d3a45a;\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n.area-note p {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.36);\r\n\r\n  font-size: 9px;\r\n\r\n  line-height: 1.6;\r\n}\r\n\r\n.area-note strong {\r\n\r\n  color:\r\n    rgba(255,255,255,.60);\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .piramida-location-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n  .piramida-location-card {\r\n\r\n    min-height: auto;\r\n  }\r\n\r\n  .area-24-strip {\r\n\r\n    grid-template-columns:\r\n      auto auto 1fr;\r\n\r\n  }\r\n\r\n  .area-24-divider {\r\n\r\n    display: none;\r\n  }\r\n\r\n  .area-24-strip p {\r\n\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .piramida-area {\r\n\r\n    padding:\r\n      90px 0 75px;\r\n  }\r\n\r\n  .piramida-area-container {\r\n\r\n    width: 90%;\r\n  }\r\n\r\n  .area-heading {\r\n\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .area-heading h2 {\r\n\r\n    font-size:\r\n      clamp(42px, 12vw, 56px);\r\n  }\r\n\r\n  .area-heading p {\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .piramida-location-grid {\r\n\r\n    gap: 18px;\r\n  }\r\n\r\n  .piramida-location-card {\r\n\r\n    min-height: 0;\r\n  }\r\n\r\n  .location-card-content {\r\n\r\n    padding:\r\n      32px 25px;\r\n  }\r\n\r\n  .location-top {\r\n\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .location-city {\r\n\r\n    font-size:\r\n      clamp(48px, 15vw, 68px);\r\n  }\r\n\r\n  .location-card-content > p {\r\n\r\n    min-height: auto;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .location-list {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 9px;\r\n  }\r\n\r\n  .location-list span {\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n  .location-button {\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .location-big-number {\r\n\r\n    font-size: 120px;\r\n\r\n    top: -15px;\r\n\r\n    right: 10px;\r\n  }\r\n\r\n  .area-24-strip {\r\n\r\n    grid-template-columns:\r\n      auto 1fr;\r\n\r\n    gap: 14px;\r\n\r\n    padding:\r\n      20px;\r\n  }\r\n\r\n  .area-24-icon {\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    font-size: 19px;\r\n  }\r\n\r\n  .area-24-button {\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .area-note {\r\n\r\n    align-items: flex-start;\r\n\r\n    text-align: left;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .location-card-content {\r\n\r\n    padding:\r\n      30px 20px;\r\n  }\r\n\r\n  .location-city {\r\n\r\n    font-size: 48px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-c19e4a5 e-con-full e-flex e-con e-parent\" data-id=\"c19e4a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97eee5d elementor-widget elementor-widget-html\" data-id=\"97eee5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     PIRAMIDA WELLNESS SPA\r\n     FINAL PART \u2014 CONTACT & BOOKING\r\n     Elementor HTML Widget\r\n========================================= -->\r\n\r\n<section id=\"kontak\" class=\"piramida-contact\">\r\n\r\n  <!-- Decorative Glow -->\r\n  <div class=\"contact-glow contact-glow-1\"><\/div>\r\n  <div class=\"contact-glow contact-glow-2\"><\/div>\r\n\r\n  <!-- Decorative Pyramid -->\r\n  <div class=\"contact-pyramid\">\r\n    <div><\/div>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"piramida-contact-container\">\r\n\r\n    <!-- =====================================\r\n         TOP CONTENT\r\n    ====================================== -->\r\n\r\n    <div class=\"contact-heading\">\r\n\r\n      <div class=\"contact-label\">\r\n        <span><\/span>\r\n        PESAN PENGALAMAN ANDA\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2>\r\n        Pesan Treatment<br>\r\n        <em>Favorit Anda.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Hubungi kami melalui WhatsApp untuk melakukan pemesanan, menanyakan layanan, harga, atau ketersediaan terapis di lokasi Anda.\r\n        <strong>24 Jam Nonstop Setiap Hari<\/strong> home service.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         CONTACT CARD\r\n    ====================================== -->\r\n\r\n    <div class=\"contact-main-card\">\r\n\r\n      <!-- LEFT -->\r\n\r\n      <div class=\"contact-card-left\">\r\n\r\n        <div class=\"contact-card-label\">\r\n          PEMESANAN &amp; RESERVASI\r\n        <\/div>\r\n\r\n        <h3>\r\n          Pesan Treatment<br>\r\n          <span>Favorit Anda.<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          Favorit Anda.\r\n        <\/p>\r\n\r\n\r\n        <!-- WhatsApp -->\r\n\r\n        <a\r\n          href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20melakukan%20booking.\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n          class=\"contact-whatsapp\"\r\n        >\r\n\r\n          <div class=\"whatsapp-icon\">\r\n            <span>\u25c9<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"whatsapp-info\">\r\n\r\n            <small>\r\n              PEMESANAN WHATSAPP\r\n            <\/small>\r\n\r\n            <strong>\r\n              0857 3958 1203\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"whatsapp-arrow\">\r\n            \u2192\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT -->\r\n\r\n      <div class=\"contact-card-right\">\r\n\r\n        <!-- 24 HOURS -->\r\n\r\n        <div class=\"contact-info-item\">\r\n\r\n          <div class=\"contact-info-icon\">\r\n            24\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <span>\r\n              JAM OPERASIONAL\r\n            <\/span>\r\n\r\n            <strong>\r\n              24 Jam Nonstop Setiap Hari\r\n            <\/strong>\r\n\r\n            <small>\r\n              Every Day\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- AREA -->\r\n\r\n        <div class=\"contact-info-item\">\r\n\r\n          <div class=\"contact-info-icon\">\r\n            \u2726\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <span>\r\n              AREA LAYANAN\r\n            <\/span>\r\n\r\n            <strong>\r\n              Jakarta & Bali\r\n            <\/strong>\r\n\r\n            <small>\r\n              Layanan ke Lokasi\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- THERAPIST -->\r\n\r\n        <div class=\"contact-info-item\">\r\n\r\n          <div class=\"contact-info-icon\">\r\n            \u2727\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <span>\r\n              THERAPISTS\r\n            <\/span>\r\n\r\n            <strong>\r\n              Terapis Pria &amp; Wanita\r\n            <\/strong>\r\n\r\n            <small>\r\n              Terapis Terlatih\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         QUICK BOOKING\r\n    ====================================== -->\r\n\r\n    <div class=\"contact-quick\">\r\n\r\n      <div class=\"quick-text\">\r\n\r\n        <span>\r\n          BUTUH WAKTU UNTUK RELAKSASI?\r\n        <\/span>\r\n\r\n        <h3>\r\n          Kami siap datang ke lokasi Anda.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/6285739581203?text=Halo%20Piramida%20Wellness%20Spa,%20saya%20ingin%20cek%20ketersediaan%20treatment.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        class=\"quick-button\"\r\n      >\r\n        <span>CHAT VIA WHATSAPP<\/span>\r\n        <b>\u2192<\/b>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         BRAND FOOTER\r\n    ====================================== -->\r\n\r\n    <div class=\"contact-footer\">\r\n\r\n      <div class=\"footer-brand\">\r\n\r\n        <div class=\"footer-logo-mark\">\r\n          \u25b3\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            PIRAMIDA\r\n          <\/strong>\r\n\r\n          <span>\r\n            WELLNESS SPA\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"footer-slogan\">\r\n        Sentuhan Mewah, Relaksasi Tanpa Batas\r\n      <\/div>\r\n\r\n\r\n      <div class=\"footer-copy\">\r\n        \u00a9 2026 Piramida Wellness Spa\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================\r\n     FLOATING WHATSAPP BUTTON\r\n========================================= -->\r\n\r\n<a\r\n  href=\"\/id\/PESAN\/\"\r\n  target=\"_blank\"\r\n  rel=\"noopener\"\r\n  class=\"piramida-floating-wa\"\r\n  aria-label=\"Booking via WhatsApp\"\r\n>\r\n\r\n  <span class=\"floating-wa-icon\">\r\n    \u25c9\r\n  <\/span>\r\n\r\n  <span class=\"floating-wa-text\">\r\n    PESAN\r\n  <\/span>\r\n\r\n<\/a>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   CONTACT SECTION\r\n========================================= *\/\r\n\r\n.piramida-contact {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding:\r\n    130px 0 35px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 0%,\r\n      rgba(190,134,39,.10),\r\n      transparent 35%\r\n    ),\r\n    #090604;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GLOW\r\n========================================= *\/\r\n\r\n.contact-glow {\r\n\r\n  position: absolute;\r\n\r\n  width: 500px;\r\n  height: 500px;\r\n\r\n  border-radius: 50%;\r\n\r\n  filter: blur(150px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.contact-glow-1 {\r\n\r\n  top: -300px;\r\n  left: 5%;\r\n\r\n  background:\r\n    rgba(207,154,55,.09);\r\n}\r\n\r\n.contact-glow-2 {\r\n\r\n  bottom: -300px;\r\n  right: 0;\r\n\r\n  background:\r\n    rgba(112,53,28,.09);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PYRAMID DECORATION\r\n========================================= *\/\r\n\r\n.contact-pyramid {\r\n\r\n  position: absolute;\r\n\r\n  top: 80px;\r\n  right: -190px;\r\n\r\n  width: 500px;\r\n  height: 500px;\r\n\r\n  opacity: .055;\r\n\r\n  transform:\r\n    rotate(30deg);\r\n\r\n  border:\r\n    1px solid #d4a65b;\r\n\r\n  clip-path:\r\n    polygon(\r\n      50% 0,\r\n      100% 100%,\r\n      0 100%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.contact-pyramid div {\r\n\r\n  position: absolute;\r\n\r\n  inset: 55px;\r\n\r\n  border:\r\n    1px solid #d4a65b;\r\n\r\n  clip-path:\r\n    polygon(\r\n      50% 0,\r\n      100% 100%,\r\n      0 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.piramida-contact-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width:\r\n    min(1200px, 90%);\r\n\r\n  margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.contact-heading {\r\n\r\n  max-width: 750px;\r\n\r\n  margin:\r\n    0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.contact-label {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color:\r\n    #d4a75d;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.contact-label span {\r\n\r\n  width: 35px;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    #bd8e43;\r\n}\r\n\r\n.contact-heading h2 {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #f5e9d4;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(45px, 5vw, 72px);\r\n\r\n  line-height: 1.04;\r\n\r\n  font-weight: 400;\r\n\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n.contact-heading h2 em {\r\n\r\n  color:\r\n    #d5a95d;\r\n\r\n  font-style: italic;\r\n}\r\n\r\n.contact-heading p {\r\n\r\n  max-width: 650px;\r\n\r\n  margin:\r\n    23px auto 0;\r\n\r\n  color:\r\n    rgba(255,245,230,.48);\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.85;\r\n\r\n  font-weight: 300;\r\n}\r\n\r\n.contact-heading p strong {\r\n\r\n  color:\r\n    #dfba75;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CARD\r\n========================================= *\/\r\n\r\n.contact-main-card {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.25fr .75fr;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid rgba(210,163,82,.30);\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      rgba(51,28,15,.75),\r\n      rgba(19,10,6,.96)\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 80px rgba(0,0,0,.35);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD LEFT\r\n========================================= *\/\r\n\r\n.contact-card-left {\r\n\r\n  padding:\r\n    55px 55px 50px;\r\n\r\n  border-right:\r\n    1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.contact-card-label {\r\n\r\n  color:\r\n    #d4a65b;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.contact-card-left h3 {\r\n\r\n  margin:\r\n    18px 0 15px;\r\n\r\n  color:\r\n    #f3e6d1;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(38px, 4vw, 52px);\r\n\r\n  line-height: 1.05;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.contact-card-left h3 span {\r\n\r\n  color:\r\n    #d6aa5e;\r\n\r\n  font-style: italic;\r\n}\r\n\r\n.contact-card-left > p {\r\n\r\n  max-width: 540px;\r\n\r\n  margin:\r\n    0 0 30px;\r\n\r\n  color:\r\n    rgba(255,245,230,.45);\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   WHATSAPP\r\n========================================= *\/\r\n\r\n.contact-whatsapp {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    auto 1fr auto;\r\n\r\n  align-items: center;\r\n\r\n  gap: 15px;\r\n\r\n  max-width: 520px;\r\n\r\n  padding:\r\n    17px 20px;\r\n\r\n  border:\r\n    1px solid rgba(211,164,82,.40);\r\n\r\n  background:\r\n    rgba(204,151,51,.045);\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.contact-whatsapp:hover {\r\n\r\n  background:\r\n    rgba(211,164,82,.10);\r\n\r\n  border-color:\r\n    rgba(221,177,96,.70);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n}\r\n\r\n.whatsapp-icon {\r\n\r\n  width: 45px;\r\n  height: 45px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(213,168,88,.45);\r\n\r\n  color:\r\n    #e0ba70;\r\n\r\n  font-size: 17px;\r\n}\r\n\r\n.whatsapp-info small {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    rgba(255,255,255,.35);\r\n\r\n  font-size: 7px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.whatsapp-info strong {\r\n\r\n  display: block;\r\n\r\n  margin-top: 5px;\r\n\r\n  color:\r\n    #e3c17c;\r\n\r\n  font-size: 16px;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.whatsapp-arrow {\r\n\r\n  color:\r\n    #d9af65;\r\n\r\n  font-size: 23px;\r\n\r\n  font-weight: 300;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.contact-whatsapp:hover\r\n.whatsapp-arrow {\r\n\r\n  transform:\r\n    translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RIGHT INFO\r\n========================================= *\/\r\n\r\n.contact-card-right {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 0;\r\n\r\n  padding:\r\n    40px;\r\n}\r\n\r\n.contact-info-item {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 15px;\r\n\r\n  padding:\r\n    24px 0;\r\n\r\n  border-bottom:\r\n    1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.contact-info-item:last-child {\r\n\r\n  border-bottom:\r\n    0;\r\n}\r\n\r\n.contact-info-icon {\r\n\r\n  width: 45px;\r\n  height: 45px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(210,163,82,.42);\r\n\r\n  color:\r\n    #dcb36a;\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 13px;\r\n}\r\n\r\n.contact-info-item span {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    rgba(255,255,255,.34);\r\n\r\n  font-size: 7px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.contact-info-item strong {\r\n\r\n  display: block;\r\n\r\n  margin-top: 5px;\r\n\r\n  color:\r\n    #e5c27e;\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 18px;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.contact-info-item small {\r\n\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color:\r\n    rgba(255,255,255,.32);\r\n\r\n  font-size: 8px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   QUICK CTA\r\n========================================= *\/\r\n\r\n.contact-quick {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 30px;\r\n\r\n  margin-top: 25px;\r\n\r\n  padding:\r\n    28px 32px;\r\n\r\n  border:\r\n    1px solid rgba(209,161,79,.22);\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      rgba(199,145,48,.075),\r\n      rgba(255,255,255,.015)\r\n    );\r\n}\r\n\r\n.quick-text span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color:\r\n    #d0a258;\r\n\r\n  font-size: 7px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.quick-text h3 {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #eee0ca;\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 25px;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.quick-button {\r\n\r\n  min-width: 190px;\r\n\r\n  min-height: 50px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 20px;\r\n\r\n  padding:\r\n    0 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #e1b96b,\r\n      #ad7228\r\n    );\r\n\r\n  color:\r\n    #170d07 !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.quick-button b {\r\n\r\n  font-size: 17px;\r\n\r\n  font-weight: 400;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.quick-button:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(190,137,48,.24);\r\n}\r\n\r\n.quick-button:hover b {\r\n\r\n  transform:\r\n    translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FOOTER\r\n========================================= *\/\r\n\r\n.contact-footer {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr 1fr;\r\n\r\n  align-items: center;\r\n\r\n  gap: 20px;\r\n\r\n  margin-top: 75px;\r\n\r\n  padding-top: 25px;\r\n\r\n  border-top:\r\n    1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.footer-brand {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n}\r\n\r\n.footer-logo-mark {\r\n\r\n  width: 35px;\r\n  height: 35px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(210,163,82,.50);\r\n\r\n  color:\r\n    #dcb36a;\r\n\r\n  font-size: 15px;\r\n}\r\n\r\n.footer-brand strong {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    #e0c080;\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 14px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.footer-brand span {\r\n\r\n  display: block;\r\n\r\n  margin-top: 2px;\r\n\r\n  color:\r\n    rgba(255,255,255,.32);\r\n\r\n  font-size: 6px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.footer-slogan {\r\n\r\n  text-align: center;\r\n\r\n  color:\r\n    rgba(255,255,255,.35);\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 12px;\r\n\r\n  font-style: italic;\r\n}\r\n\r\n.footer-copy {\r\n\r\n  text-align: right;\r\n\r\n  color:\r\n    rgba(255,255,255,.25);\r\n\r\n  font-size: 8px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FLOATING WHATSAPP\r\n========================================= *\/\r\n\r\n.piramida-floating-wa {\r\n\r\n  position: fixed;\r\n\r\n  z-index: 9999;\r\n\r\n  right: 25px;\r\n  bottom: 25px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding:\r\n    12px 17px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #dfb86c,\r\n      #aa6f26\r\n    );\r\n\r\n  color:\r\n    #160c06 !important;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(0,0,0,.40);\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n\r\n  transition:\r\n    .3s ease;\r\n}\r\n\r\n.floating-wa-icon {\r\n\r\n  width: 27px;\r\n  height: 27px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(22,12,6,.35);\r\n\r\n  font-size: 11px;\r\n}\r\n\r\n.piramida-floating-wa:hover {\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 17px 40px rgba(0,0,0,.50);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .contact-main-card {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n  .contact-card-left {\r\n\r\n    border-right:\r\n      0;\r\n\r\n    border-bottom:\r\n      1px solid rgba(255,255,255,.08);\r\n  }\r\n\r\n  .contact-card-right {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      repeat(3, 1fr);\r\n\r\n    gap: 15px;\r\n\r\n    padding:\r\n      30px 40px;\r\n  }\r\n\r\n  .contact-info-item {\r\n\r\n    border-bottom:\r\n      0;\r\n\r\n    padding:\r\n      15px 0;\r\n  }\r\n\r\n  .contact-info-item strong {\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .piramida-contact {\r\n\r\n    padding:\r\n      90px 0 25px;\r\n  }\r\n\r\n  .piramida-contact-container {\r\n\r\n    width: 90%;\r\n  }\r\n\r\n  .contact-heading {\r\n\r\n    margin-bottom:\r\n      35px;\r\n  }\r\n\r\n  .contact-heading h2 {\r\n\r\n    font-size:\r\n      clamp(42px, 12vw, 56px);\r\n  }\r\n\r\n  .contact-heading p {\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .contact-main-card {\r\n\r\n    display: block;\r\n  }\r\n\r\n  .contact-card-left {\r\n\r\n    padding:\r\n      32px 22px;\r\n  }\r\n\r\n  .contact-card-left h3 {\r\n\r\n    font-size: 39px;\r\n  }\r\n\r\n  .contact-card-left > p {\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .contact-whatsapp {\r\n\r\n    grid-template-columns:\r\n      auto 1fr auto;\r\n\r\n    padding:\r\n      14px;\r\n  }\r\n\r\n  .whatsapp-icon {\r\n\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n\r\n  .whatsapp-info strong {\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n  .contact-card-right {\r\n\r\n    display: flex;\r\n\r\n    padding:\r\n      15px 22px 25px;\r\n  }\r\n\r\n  .contact-info-item {\r\n\r\n    padding:\r\n      18px 0;\r\n  }\r\n\r\n  .contact-info-item strong {\r\n\r\n    font-size: 16px;\r\n  }\r\n\r\n  .contact-quick {\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    align-items:\r\n      stretch;\r\n\r\n    padding:\r\n      23px 20px;\r\n\r\n    gap: 20px;\r\n  }\r\n\r\n  .quick-text h3 {\r\n\r\n    font-size: 22px;\r\n  }\r\n\r\n  .quick-button {\r\n\r\n    width: 100%;\r\n  }\r\n\r\n  .contact-footer {\r\n\r\n    display: flex;\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    align-items:\r\n      center;\r\n\r\n    margin-top:\r\n      55px;\r\n\r\n    gap: 20px;\r\n\r\n    text-align:\r\n      center;\r\n  }\r\n\r\n  .footer-slogan {\r\n\r\n    order: 2;\r\n  }\r\n\r\n  .footer-copy {\r\n\r\n    order: 3;\r\n\r\n    text-align:\r\n      center;\r\n  }\r\n\r\n  .piramida-floating-wa {\r\n\r\n    right: 15px;\r\n    bottom: 15px;\r\n\r\n    padding:\r\n      10px 13px;\r\n  }\r\n\r\n  .floating-wa-text {\r\n\r\n    font-size: 7px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .contact-card-left h3 {\r\n\r\n    font-size: 35px;\r\n  }\r\n\r\n  .contact-info-item strong {\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n  .piramida-floating-wa {\r\n\r\n    right: 12px;\r\n    bottom: 12px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>PREMIUM WELLNESS &#038; MASSAGE Premium Relaxation Delivered to Your Location \u2726 24 HOURS NONSTOP Enjoy a premium relaxation experience without leaving your home. Professional therapists come directly to your location in Jakarta &#038; Bali. \u25c9 BOOK NOW VIEW SERVICES \u2193 \u2726 Home Service At Your Location 24 24 Hours Nonstop Every Day \u2727 Professional Trained [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/piramidaspa.com\/id\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/piramidaspa.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/piramidaspa.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/piramidaspa.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/piramidaspa.com\/id\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":58,"href":"https:\/\/piramidaspa.com\/id\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":155,"href":"https:\/\/piramidaspa.com\/id\/wp-json\/wp\/v2\/pages\/62\/revisions\/155"}],"wp:attachment":[{"href":"https:\/\/piramidaspa.com\/id\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}