{"id":1441,"date":"2025-07-15T09:38:40","date_gmt":"2025-07-15T09:38:40","guid":{"rendered":"https:\/\/flashklik.com\/?page_id=1441"},"modified":"2026-08-13T04:21:16","modified_gmt":"2026-08-13T04:21:16","slug":"roomflow","status":"publish","type":"page","link":"https:\/\/flashklik.com\/id\/roomflow\/","title":{"rendered":"RoomFlow"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1441\" class=\"elementor elementor-1441\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-394595d e-con-full e-flex e-con e-parent\" data-id=\"394595d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7551f elementor-widget elementor-widget-html\" data-id=\"6c7551f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Google: Roboto Condensed & Ubuntu -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- =========================\r\n     HTML STRUCTURE\r\n========================= -->\r\n<section class=\"epv2-hero\">\r\n\r\n  <div class=\"epv2-container\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"epv2-content\">\r\n\r\n      <div class=\"epv2-badge\">\r\n        <div class=\"epv2-badge-icon\">\r\n          <svg\r\n            viewbox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\r\n          >\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <span class=\"epv2-badge-text\">\r\n          Office Meeting\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <h1 class=\"epv2-title\">\r\n        Smart Room Booking\r\n        <span class=\"epv2-title-gradient\">\r\n          for Smarter Offices\r\n        <\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"epv2-description\">\r\n        Schedule, manage, and optimize office space with ease. Simplify meeting room management and enhance collaboration across your entire organization.\r\n      <\/p>\r\n\r\n      <div class=\"epv2-actions\">\r\n        <a href=\"#request-consultation\" class=\"epv2-button epv2-button-primary\">\r\n          Request a Consultation\r\n\r\n          <svg\r\n            viewbox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\r\n          >\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m13 6 6 6-6 6\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a href=\"#how-it-works\" class=\"epv2-button epv2-button-secondary\">\r\n          See How It Works\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"epv2-trust\">\r\n\r\n        <div class=\"epv2-trust-item\">\r\n          <div class=\"epv2-trust-icon\">\r\n            <svg\r\n              viewbox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n            >\r\n              <path d=\"M12 8v4l3 3\"><\/path>\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"epv2-trust-copy\">\r\n            <strong>Real-Time Availability<\/strong>\r\n            <span>Book instantly on the spot<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <span class=\"epv2-trust-line\"><\/span>\r\n\r\n        <div class=\"epv2-trust-item\">\r\n          <div class=\"epv2-trust-icon\">\r\n            <svg\r\n              viewbox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n            >\r\n              <path d=\"M3 3v18h18\"><\/path>\r\n              <path d=\"m7 16 4-5 4 3 5-7\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"epv2-trust-copy\">\r\n            <strong>Usage Insights<\/strong>\r\n            <span>Optimize space planning<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT VISUAL -->\r\n    <div class=\"epv2-visual\">\r\n\r\n      <div class=\"epv2-orbit\"><\/div>\r\n      <div class=\"epv2-mesh\"><\/div>\r\n\r\n      <span class=\"epv2-dot epv2-dot-one\"><\/span>\r\n      <span class=\"epv2-dot epv2-dot-two\"><\/span>\r\n      <span class=\"epv2-dot epv2-dot-three\"><\/span>\r\n\r\n      <!-- PHONE MOCKUP WITH CUSTOM IMAGE -->\r\n      <div class=\"epv2-phone\">\r\n        <div class=\"epv2-phone-screen\">\r\n\r\n          <!-- Notch\/Poni HP -->\r\n          <div class=\"epv2-phone-notch\"><\/div>\r\n\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/08\/Splash-Screen-1.png\" \r\n            alt=\"RoomFlow App Preview\" \r\n            class=\"epv2-phone-img\" \r\n           title=\"RoomFlow\" \/>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FLOATING CARD 1: ROOM MANAGEMENT -->\r\n      <div class=\"epv2-float-card epv2-float-card-one\">\r\n        <div class=\"epv2-float-card-inner\">\r\n\r\n          <div class=\"epv2-float-icon\">\r\n            <svg\r\n              viewbox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n            >\r\n              <path d=\"M18 21a8 8 0 0 0-16 0\"><\/path>\r\n              <circle cx=\"10\" cy=\"8\" r=\"5\"><\/circle>\r\n              <path d=\"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"epv2-float-copy\">\r\n            <span>Meeting Solution<\/span>\r\n            <strong>Smart Room Management<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FLOATING CARD 2: REAL-TIME BOOKING -->\r\n      <div class=\"epv2-float-card epv2-float-card-two\">\r\n        <div class=\"epv2-float-card-inner\">\r\n\r\n          <div class=\"epv2-float-icon\">\r\n            <svg\r\n              viewbox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n            >\r\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"epv2-float-copy\">\r\n            <span>Workspace Optimization<\/span>\r\n            <strong>Real-Time Booking<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================\r\n     CSS STYLES\r\n========================= -->\r\n<style>\r\n\/* =====================================================\r\n   EASYPRINT HERO V2\r\n   Semua class memakai prefix epv2 agar tidak bentrok\r\n===================================================== *\/\r\n\r\n.epv2-hero {\r\n  --epv2-pink: #ff3f7f;\r\n  --epv2-pink-light: #ff75a5;\r\n  --epv2-purple: #7438ff;\r\n  --epv2-blue: #334cff;\r\n  --epv2-cyan: #1bd8ff;\r\n  --epv2-white: #ffffff;\r\n  --epv2-muted: rgba(255, 255, 255, 0.66);\r\n  --epv2-border: rgba(255, 255, 255, 0.12);\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 760px;\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  color: var(--epv2-white);\r\n  background:\r\n    radial-gradient(\r\n      circle at 78% 45%,\r\n      rgba(103, 47, 255, 0.2),\r\n      transparent 32%\r\n    ),\r\n    radial-gradient(\r\n      circle at 15% 20%,\r\n      rgba(255, 63, 127, 0.12),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(135deg, #050507 0%, #090714 54%, #050507 100%);\r\n  \r\n  \/* Font default untuk seluruh komponen: Ubuntu *\/\r\n  font-family: 'Ubuntu', sans-serif;\r\n}\r\n\r\n.epv2-hero,\r\n.epv2-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.epv2-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -4;\r\n  opacity: 0.38;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);\r\n  background-size: 68px 68px;\r\n  mask-image: linear-gradient(\r\n    to bottom,\r\n    transparent,\r\n    black 25%,\r\n    black 75%,\r\n    transparent\r\n  );\r\n}\r\n\r\n.epv2-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 620px;\r\n  height: 620px;\r\n  top: 50%;\r\n  right: -110px;\r\n  z-index: -3;\r\n  border-radius: 50%;\r\n  filter: blur(100px);\r\n  transform: translateY(-50%);\r\n  background: rgba(125, 54, 255, 0.13);\r\n  animation: epv2GlowMove 7s ease-in-out infinite alternate;\r\n}\r\n\r\n.epv2-container {\r\n  position: relative;\r\n  width: min(1240px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.9fr) minmax(480px, 1.1fr);\r\n  align-items: center;\r\n  gap: 70px;\r\n  padding: 140px 0 90px;\r\n}\r\n\r\n\/* =========================\r\n   LEFT CONTENT\r\n========================= *\/\r\n\r\n.epv2-content {\r\n  position: relative;\r\n  z-index: 5;\r\n  max-width: 610px;\r\n}\r\n\r\n.epv2-badge {\r\n  width: fit-content;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  min-height: 40px;\r\n  padding: 6px 16px 6px 8px;\r\n  margin-bottom: 26px;\r\n  border: 1px solid var(--epv2-border);\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.055);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);\r\n}\r\n\r\n.epv2-badge-icon {\r\n  width: 27px;\r\n  height: 27px;\r\n  display: grid;\r\n  place-items: center;\r\n  flex: 0 0 27px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--epv2-pink),\r\n    var(--epv2-purple)\r\n  );\r\n  box-shadow: 0 0 20px rgba(255, 63, 127, 0.4);\r\n}\r\n\r\n.epv2-badge-icon svg {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n\r\n.epv2-badge-text {\r\n  color: rgba(255,255,255,0.82);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Title menggunakan Roboto Condensed *\/\r\n.epv2-title {\r\n  max-width: 680px;\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-family: 'Roboto Condensed', sans-serif;\r\n  font-size: clamp(52px, 5.5vw, 80px);\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.epv2-title-gradient {\r\n  display: block;\r\n  color: transparent;\r\n  background: linear-gradient(\r\n    95deg,\r\n    #ffffff 0%,\r\n    #ffffff 18%,\r\n    #ff92b7 48%,\r\n    #a980ff 75%,\r\n    #65dfff 100%\r\n  );\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n}\r\n\r\n.epv2-description {\r\n  max-width: 570px;\r\n  margin: 27px 0 0;\r\n  color: var(--epv2-muted);\r\n  font-size: 17px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n}\r\n\r\n.epv2-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-top: 34px;\r\n}\r\n\r\n.epv2-button,\r\n.epv2-button:hover,\r\n.epv2-button:focus,\r\n.epv2-button:active {\r\n  min-height: 54px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 0 24px;\r\n  border: 1px solid transparent;\r\n  border-radius: 14px;\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  text-decoration: none !important;\r\n  transition:\r\n    transform 0.3s ease,\r\n    border-color 0.3s ease,\r\n    background 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n.epv2-button svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.epv2-button:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n.epv2-button-primary {\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--epv2-pink),\r\n    #e729b2 52%,\r\n    var(--epv2-purple)\r\n  );\r\n  box-shadow:\r\n    0 15px 35px rgba(255, 63, 127, 0.2),\r\n    inset 0 1px 0 rgba(255,255,255,0.28);\r\n}\r\n\r\n.epv2-button-primary:hover {\r\n  color: #ffffff;\r\n  transform: translateY(-3px);\r\n  box-shadow:\r\n    0 20px 44px rgba(255, 63, 127, 0.3),\r\n    inset 0 1px 0 rgba(255,255,255,0.32);\r\n}\r\n\r\n.epv2-button-secondary {\r\n  color: rgba(255,255,255,0.85);\r\n  border-color: rgba(255,255,255,0.14);\r\n  background: rgba(255,255,255,0.055);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n}\r\n\r\n.epv2-button-secondary:hover {\r\n  color: #ffffff;\r\n  border-color: rgba(255,255,255,0.28);\r\n  background: rgba(255,255,255,0.09);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.epv2-trust {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  margin-top: 42px;\r\n}\r\n\r\n.epv2-trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.epv2-trust-icon {\r\n  width: 35px;\r\n  height: 35px;\r\n  display: grid;\r\n  place-items: center;\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 11px;\r\n  color: var(--epv2-pink-light);\r\n  background: rgba(255,255,255,0.045);\r\n}\r\n\r\n.epv2-trust-icon svg {\r\n  width: 17px;\r\n  height: 17px;\r\n}\r\n\r\n.epv2-trust-copy strong {\r\n  display: block;\r\n  margin-bottom: 3px;\r\n  color: #ffffff;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n}\r\n\r\n.epv2-trust-copy span {\r\n  display: block;\r\n  color: rgba(255,255,255,0.46);\r\n  font-size: 11px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.epv2-trust-line {\r\n  width: 1px;\r\n  height: 32px;\r\n  background: rgba(255,255,255,0.1);\r\n}\r\n\r\n\/* =========================\r\n   VISUAL AREA\r\n========================= *\/\r\n\r\n.epv2-visual {\r\n  position: relative;\r\n  min-height: 590px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.epv2-orbit {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 510px;\r\n  height: 510px;\r\n  transform: translate(-50%, -50%);\r\n  border: 1px solid rgba(255,255,255,0.09);\r\n  border-radius: 50%;\r\n}\r\n\r\n.epv2-orbit::before,\r\n.epv2-orbit::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-radius: 50%;\r\n}\r\n\r\n.epv2-orbit::before {\r\n  inset: 40px;\r\n  border: 1px dashed rgba(255,255,255,0.11);\r\n  animation: epv2Rotate 24s linear infinite;\r\n}\r\n\r\n.epv2-orbit::after {\r\n  inset: 100px;\r\n  border: 1px solid rgba(255, 74, 141, 0.14);\r\n  box-shadow:\r\n    0 0 80px rgba(255, 63, 127, 0.09),\r\n    inset 0 0 80px rgba(99, 53, 255, 0.08);\r\n}\r\n\r\n.epv2-mesh {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 430px;\r\n  height: 430px;\r\n  z-index: 0;\r\n  overflow: hidden;\r\n  border-radius: 44% 56% 61% 39% \/ 41% 46% 54% 59%;\r\n  transform: translate(-50%, -50%) rotate(-12deg);\r\n  background:\r\n    radial-gradient(circle at 72% 30%, #ff4d9f, transparent 29%),\r\n    radial-gradient(circle at 30% 75%, #3547ff, transparent 34%),\r\n    linear-gradient(135deg, #7a23ff 0%, #f62791 54%, #411aff 100%);\r\n  box-shadow:\r\n    0 0 100px rgba(121, 41, 255, 0.32),\r\n    0 0 70px rgba(255, 44, 136, 0.23);\r\n  animation: epv2Blob 8s ease-in-out infinite;\r\n}\r\n\r\n.epv2-mesh::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -30%;\r\n  opacity: 0.45;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.45) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.45) 1px, transparent 1px);\r\n  background-size: 24px 24px;\r\n  transform: perspective(500px) rotateX(63deg) rotateZ(-15deg);\r\n  mask-image: radial-gradient(circle, black, transparent 72%);\r\n}\r\n\r\n.epv2-mesh::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 20%,\r\n      rgba(255,255,255,0.28),\r\n      transparent 22%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,0.08),\r\n      transparent 45%\r\n    );\r\n}\r\n\r\n\/* Phone Mockup & Custom Image Styling *\/\r\n\r\n.epv2-phone {\r\n  position: relative;\r\n  z-index: 4;\r\n  width: 252px;\r\n  height: 520px;\r\n  padding: 9px;\r\n  border: 1px solid rgba(255,255,255,0.35);\r\n  border-radius: 43px;\r\n  transform: rotate(8deg);\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(230,235,255,0.9),\r\n      #1d2032 12%,\r\n      #080811 75%,\r\n      rgba(168,173,213,0.8)\r\n    );\r\n  box-shadow:\r\n    0 45px 100px rgba(0,0,0,0.65),\r\n    0 0 45px rgba(92,61,255,0.24);\r\n  animation: epv2PhoneFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.epv2-phone-screen {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  border-radius: 35px;\r\n  background: #000000;\r\n}\r\n\r\n.epv2-phone-notch {\r\n  position: absolute;\r\n  top: 12px;\r\n  left: 50%;\r\n  z-index: 5;\r\n  width: 85px;\r\n  height: 24px;\r\n  border-radius: 20px;\r\n  transform: translateX(-50%);\r\n  background: #020205;\r\n}\r\n\r\n.epv2-phone-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n}\r\n\r\n\/* Floating cards *\/\r\n\r\n.epv2-float-card {\r\n  position: absolute;\r\n  z-index: 6;\r\n  min-width: 180px;\r\n  padding: 13px 15px;\r\n  border: 1px solid rgba(255,255,255,0.13);\r\n  border-radius: 17px;\r\n  background: rgba(13,13,23,0.72);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  box-shadow:\r\n    0 18px 45px rgba(0,0,0,0.28),\r\n    inset 0 1px 0 rgba(255,255,255,0.08);\r\n}\r\n\r\n.epv2-float-card-inner {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n}\r\n\r\n.epv2-float-icon {\r\n  width: 39px;\r\n  height: 39px;\r\n  display: grid;\r\n  place-items: center;\r\n  flex: 0 0 39px;\r\n  border-radius: 12px;\r\n}\r\n\r\n.epv2-float-icon svg {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n.epv2-float-copy span {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  color: rgba(255,255,255,0.45);\r\n  font-size: 10px;\r\n}\r\n\r\n.epv2-float-copy strong {\r\n  display: block;\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n}\r\n\r\n\/* Floating Card 1: Meeting Solution *\/\r\n.epv2-float-card-one {\r\n  top: 125px;\r\n  right: -10px;\r\n  animation: epv2CardFloat 4.8s ease-in-out infinite;\r\n}\r\n\r\n.epv2-float-card-one .epv2-float-icon {\r\n  color: #ff6d9f;\r\n  background: rgba(255,63,127,0.15);\r\n}\r\n\r\n\/* Floating Card 2: Workspace Optimization *\/\r\n.epv2-float-card-two {\r\n  bottom: 95px;\r\n  left: -18px;\r\n  animation: epv2CardFloat 4.8s ease-in-out 1.1s infinite;\r\n}\r\n\r\n.epv2-float-card-two .epv2-float-icon {\r\n  color: #79dcff;\r\n  background: rgba(27,216,255,0.13);\r\n}\r\n\r\n\/* Decorative dots *\/\r\n\r\n.epv2-dot {\r\n  position: absolute;\r\n  z-index: 3;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 18px currentColor;\r\n}\r\n\r\n.epv2-dot-one {\r\n  top: 80px;\r\n  left: 95px;\r\n  color: var(--epv2-pink);\r\n  background: currentColor;\r\n}\r\n\r\n.epv2-dot-two {\r\n  right: 100px;\r\n  bottom: 95px;\r\n  color: var(--epv2-cyan);\r\n  background: currentColor;\r\n}\r\n\r\n.epv2-dot-three {\r\n  top: 165px;\r\n  right: 115px;\r\n  color: #ffffff;\r\n  background: currentColor;\r\n}\r\n\r\n\/* =========================\r\n   ANIMATIONS\r\n========================= *\/\r\n\r\n@keyframes epv2GlowMove {\r\n  from {\r\n    transform: translateY(-50%) translateX(-30px);\r\n  }\r\n  to {\r\n    transform: translateY(-50%) translateX(30px);\r\n  }\r\n}\r\n\r\n@keyframes epv2Rotate {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes epv2Blob {\r\n  0%,\r\n  100% {\r\n    border-radius: 44% 56% 61% 39% \/ 41% 46% 54% 59%;\r\n    transform: translate(-50%, -50%) rotate(-12deg) scale(1);\r\n  }\r\n\r\n  50% {\r\n    border-radius: 58% 42% 45% 55% \/ 55% 61% 39% 45%;\r\n    transform: translate(-50%, -50%) rotate(-7deg) scale(1.035);\r\n  }\r\n}\r\n\r\n@keyframes epv2PhoneFloat {\r\n  0%,\r\n  100% {\r\n    transform: rotate(8deg) translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform: rotate(6deg) translateY(-17px);\r\n  }\r\n}\r\n\r\n@keyframes epv2CardFloat {\r\n  0%,\r\n  100% {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform: translateY(-11px);\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n  .epv2-hero {\r\n    min-height: auto;\r\n  }\r\n\r\n  .epv2-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n    padding: 120px 0 60px;\r\n  }\r\n\r\n  .epv2-content {\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .epv2-badge {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .epv2-description {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .epv2-actions,\r\n  .epv2-trust {\r\n    justify-content: center;\r\n  }\r\n\r\n  .epv2-visual {\r\n    width: min(680px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 640px) {\r\n  .epv2-container {\r\n    width: min(100% - 30px, 1240px);\r\n    padding-top: 100px;\r\n  }\r\n\r\n  .epv2-title {\r\n    font-size: clamp(44px, 13vw, 62px);\r\n  }\r\n\r\n  .epv2-description {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .epv2-actions {\r\n    width: 100%;\r\n  }\r\n\r\n  .epv2-button {\r\n    width: 100%;\r\n  }\r\n\r\n  .epv2-trust {\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n  }\r\n\r\n  .epv2-trust-line {\r\n    display: none;\r\n  }\r\n\r\n  .epv2-trust-item {\r\n    width: calc(50% - 7px);\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n\r\n  .epv2-visual {\r\n    min-height: 510px;\r\n    transform: scale(0.88);\r\n    margin-top: -25px;\r\n    margin-bottom: -40px;\r\n  }\r\n\r\n  .epv2-orbit {\r\n    width: 440px;\r\n    height: 440px;\r\n  }\r\n\r\n  .epv2-mesh {\r\n    width: 365px;\r\n    height: 365px;\r\n  }\r\n\r\n  .epv2-phone {\r\n    width: 220px;\r\n    height: 455px;\r\n  }\r\n\r\n  .epv2-float-card {\r\n    min-width: 155px;\r\n    padding: 10px 12px;\r\n  }\r\n\r\n  .epv2-float-card-one {\r\n    top: 95px;\r\n    right: -25px;\r\n  }\r\n\r\n  .epv2-float-card-two {\r\n    bottom: 60px;\r\n    left: -35px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .epv2-hero *,\r\n  .epv2-hero *::before,\r\n  .epv2-hero *::after {\r\n    animation: none !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a30b8b e-con-full e-flex e-con e-parent\" data-id=\"8a30b8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ee88707 e-con-full e-flex e-con e-child\" data-id=\"ee88707\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c35f1c3 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"c35f1c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">BEST CHOICE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4db0846 elementor-widget elementor-widget-heading\" data-id=\"4db0846\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Simplify Your Meeting<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-949aec3 elementor-widget elementor-widget-text-editor\" data-id=\"949aec3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Designed to enhance collaboration and simplify room scheduling.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f46e23 e-con-full e-flex e-con e-child\" data-id=\"2f46e23\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b6c1b51 e-con-full e-flex e-con e-child\" data-id=\"b6c1b51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9499aa4 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"9499aa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"><path d=\"M15.9998 2.66663C23.3638 2.66663 29.3332 8.63596 29.3332 16C29.3332 23.364 23.3638 29.3333 15.9998 29.3333C8.63584 29.3333 2.6665 23.364 2.6665 16C2.6665 8.63596 8.63584 2.66663 15.9998 2.66663ZM15.9998 5.33329C13.1709 5.33329 10.4578 6.4571 8.45736 8.45749C6.45698 10.4579 5.33317 13.171 5.33317 16C5.33317 18.8289 6.45698 21.542 8.45736 23.5424C10.4578 25.5428 13.1709 26.6666 15.9998 26.6666C18.8288 26.6666 21.5419 25.5428 23.5423 23.5424C25.5427 21.542 26.6665 18.8289 26.6665 16C26.6665 13.171 25.5427 10.4579 23.5423 8.45749C21.5419 6.4571 18.8288 5.33329 15.9998 5.33329ZM15.9998 7.99996C16.3264 8 16.6416 8.1199 16.8857 8.33691C17.1297 8.55392 17.2856 8.85296 17.3238 9.17729L17.3332 9.33329V15.448L20.9425 19.0573C21.1816 19.2972 21.3205 19.6192 21.3308 19.9578C21.3411 20.2964 21.2222 20.6262 20.9982 20.8803C20.7741 21.1344 20.4618 21.2937 20.1245 21.3258C19.7873 21.3579 19.4505 21.2605 19.1825 21.0533L19.0572 20.9426L15.0572 16.9426C14.8499 16.7352 14.7169 16.4653 14.6785 16.1746L14.6665 16V9.33329C14.6665 8.97967 14.807 8.64053 15.057 8.39048C15.3071 8.14044 15.6462 7.99996 15.9998 7.99996Z\" fill=\"#F2456E\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tReal-Time Availability\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tInstantly see which rooms are available and book on the spot.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a104f8 e-con-full e-flex e-con e-child\" data-id=\"5a104f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb601e7 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"eb601e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"><path d=\"M27.5 3.5H4.5C3.94687 3.5 3.5 3.94687 3.5 4.5V27.5C3.5 28.0531 3.94687 28.5 4.5 28.5H27.5C28.0531 28.5 28.5 28.0531 28.5 27.5V4.5C28.5 3.94687 28.0531 3.5 27.5 3.5ZM12.625 21.3438V23.75C12.625 23.8875 12.5125 24 12.375 24H10.875C10.7375 24 10.625 23.8875 10.625 23.75V21.3438C9.32188 20.9188 8.375 19.6938 8.375 18.25C8.375 16.8062 9.32188 15.5781 10.625 15.1562V8.25C10.625 8.1125 10.7375 8 10.875 8H12.375C12.5125 8 12.625 8.1125 12.625 8.25V15.1562C13.9281 15.5813 14.875 16.8062 14.875 18.25C14.875 19.6938 13.9281 20.9219 12.625 21.3438ZM21.3625 16.8469C21.3687 16.8469 21.3719 16.8438 21.375 16.8438V23.75C21.375 23.8875 21.2625 24 21.125 24H19.625C19.4875 24 19.375 23.8875 19.375 23.75V16.8438C19.3813 16.8438 19.3844 16.8469 19.3875 16.8469C18.075 16.4281 17.125 15.2 17.125 13.75C17.125 12.3 18.075 11.0719 19.3875 10.6531C19.3813 10.6531 19.3781 10.6562 19.375 10.6562V8.25C19.375 8.1125 19.4875 8 19.625 8H21.125C21.2625 8 21.375 8.1125 21.375 8.25V10.6562C21.3687 10.6562 21.3656 10.6531 21.3625 10.6531C22.675 11.0719 23.625 12.3 23.625 13.75C23.625 15.2 22.675 16.4281 21.3625 16.8469ZM19.25 13.75C19.25 14.0484 19.3685 14.3345 19.5795 14.5455C19.7905 14.7565 20.0766 14.875 20.375 14.875C20.6734 14.875 20.9595 14.7565 21.1705 14.5455C21.3815 14.3345 21.5 14.0484 21.5 13.75C21.5 13.4516 21.3815 13.1655 21.1705 12.9545C20.9595 12.7435 20.6734 12.625 20.375 12.625C20.0766 12.625 19.7905 12.7435 19.5795 12.9545C19.3685 13.1655 19.25 13.4516 19.25 13.75ZM12.6062 17.7031L12.5594 17.6281C12.5594 17.625 12.5562 17.625 12.5562 17.6219L12.5281 17.5844C12.525 17.5813 12.5219 17.5781 12.5219 17.575C12.4906 17.5344 12.4594 17.4969 12.4219 17.4625L12.4156 17.4562C12.4031 17.4437 12.3906 17.4312 12.3781 17.4219C12.3531 17.3969 12.325 17.375 12.2969 17.3563H12.2937L12.2563 17.3281C12.2531 17.325 12.2469 17.3219 12.2437 17.3188C12.2062 17.2938 12.1656 17.2688 12.1219 17.25C12.1156 17.2469 12.1063 17.2437 12.1 17.2375C12.0875 17.2312 12.0781 17.2281 12.0656 17.2219C12.0563 17.2187 12.0437 17.2125 12.0344 17.2094C12.0188 17.2031 12.0031 17.1969 11.9875 17.1938C11.975 17.1906 11.9594 17.1844 11.9469 17.1812L11.9187 17.1719L11.875 17.1625C11.8687 17.1594 11.8594 17.1594 11.8531 17.1562C11.8312 17.1531 11.8094 17.1469 11.7875 17.1437C11.7812 17.1437 11.775 17.1438 11.7688 17.1406C11.75 17.1375 11.7344 17.1375 11.7156 17.1344C11.7094 17.1344 11.7031 17.1344 11.6938 17.1313C11.6688 17.1313 11.6469 17.1281 11.6219 17.1281C11.5969 17.1281 11.575 17.1281 11.55 17.1313C11.5437 17.1313 11.5375 17.1312 11.5281 17.1344C11.5094 17.1344 11.4906 17.1375 11.475 17.1406C11.4688 17.1406 11.4625 17.1406 11.4563 17.1437C11.4344 17.1469 11.4125 17.15 11.3906 17.1562C11.3844 17.1594 11.375 17.1594 11.3687 17.1625L11.325 17.1719L11.2969 17.1812C11.2844 17.1844 11.2688 17.1906 11.2563 17.1938C11.2406 17.2 11.225 17.2063 11.2094 17.2094C11.2 17.2125 11.1875 17.2187 11.1781 17.2219C11.1656 17.2281 11.1562 17.2312 11.1438 17.2375C11.1375 17.2406 11.1281 17.2437 11.1219 17.25C11.0812 17.2719 11.0406 17.2938 11 17.3188C10.9969 17.3219 10.9906 17.325 10.9875 17.3281L10.95 17.3563H10.9469C10.9187 17.3781 10.8906 17.4 10.8656 17.4219C10.8531 17.4344 10.8406 17.4437 10.8281 17.4562L10.8219 17.4625C10.7869 17.4985 10.7535 17.5361 10.7219 17.575C10.7188 17.5781 10.7156 17.5813 10.7156 17.5844L10.6875 17.6219C10.6875 17.625 10.6844 17.625 10.6844 17.6281L10.6375 17.7031C10.6344 17.7094 10.6313 17.7125 10.6281 17.7188C10.5438 17.8781 10.4937 18.0594 10.4937 18.25C10.4937 18.4406 10.5438 18.625 10.6281 18.7812C10.6313 18.7875 10.6344 18.7906 10.6375 18.7969L10.6844 18.8719C10.6844 18.875 10.6875 18.875 10.6875 18.8781L10.7156 18.9156C10.7188 18.9187 10.7219 18.9219 10.7219 18.925C10.7531 18.9656 10.7844 19.0031 10.8219 19.0375L10.8281 19.0438C10.8406 19.0563 10.8531 19.0688 10.8656 19.0781C10.8906 19.1031 10.9187 19.125 10.9469 19.1437H10.95L10.9875 19.1719C10.9906 19.175 10.9969 19.1781 11 19.1812C11.0375 19.2062 11.0781 19.2312 11.1219 19.25C11.1281 19.2531 11.1375 19.2563 11.1438 19.2625C11.1562 19.2688 11.1656 19.2719 11.1781 19.2781C11.1875 19.2813 11.2 19.2875 11.2094 19.2906C11.225 19.2969 11.2406 19.3031 11.2563 19.3062C11.2688 19.3094 11.2844 19.3156 11.2969 19.3188L11.325 19.3281L11.3687 19.3375C11.375 19.3406 11.3844 19.3406 11.3906 19.3438C11.4125 19.3469 11.4344 19.3531 11.4563 19.3563C11.4625 19.3563 11.4688 19.3562 11.475 19.3594C11.4938 19.3625 11.5094 19.3625 11.5281 19.3656C11.5344 19.3656 11.5406 19.3656 11.55 19.3687C11.575 19.3687 11.5969 19.3719 11.6219 19.3719C11.6469 19.3719 11.6688 19.3719 11.6938 19.3687C11.7 19.3687 11.7063 19.3688 11.7156 19.3656C11.7344 19.3656 11.7531 19.3625 11.7688 19.3594C11.775 19.3594 11.7812 19.3594 11.7875 19.3563C11.8094 19.3531 11.8312 19.35 11.8531 19.3438C11.8594 19.3406 11.8687 19.3406 11.875 19.3375L11.9187 19.3281L11.9469 19.3188C11.9594 19.3156 11.975 19.3094 11.9875 19.3062C12.0031 19.3 12.0188 19.2937 12.0344 19.2906C12.0437 19.2875 12.0563 19.2813 12.0656 19.2781C12.0781 19.2719 12.0875 19.2688 12.1 19.2625C12.1063 19.2594 12.1156 19.2563 12.1219 19.25C12.1625 19.2281 12.2031 19.2062 12.2437 19.1812C12.2469 19.1781 12.2531 19.175 12.2563 19.1719L12.2937 19.1437H12.2969C12.325 19.1219 12.3531 19.1 12.3781 19.0781C12.3906 19.0656 12.4031 19.0563 12.4156 19.0438L12.4219 19.0375C12.4563 19.0031 12.4906 18.9625 12.5219 18.925C12.525 18.9219 12.5281 18.9187 12.5281 18.9156L12.5562 18.8781C12.5562 18.875 12.5594 18.875 12.5594 18.8719L12.6062 18.7969C12.6094 18.7906 12.6125 18.7875 12.6156 18.7812C12.7 18.6219 12.75 18.4406 12.75 18.25C12.75 18.0594 12.7 17.875 12.6156 17.7188C12.6125 17.7125 12.6094 17.7063 12.6062 17.7031Z\" fill=\"#F2456E\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSmart Room Management\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tControl access, set capacity rules, and avoid double bookings.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d098efe e-con-full e-flex e-con e-child\" data-id=\"d098efe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a49edb9 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"a49edb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"><path d=\"M24.3333 3.99463C25.3058 3.99463 26.2384 4.38094 26.9261 5.06857C27.6137 5.7562 28 6.68883 28 7.6613V24.328C28 25.3004 27.6137 26.2331 26.9261 26.9207C26.2384 27.6083 25.3058 27.9946 24.3333 27.9946H7.66667C7.18515 27.9946 6.70835 27.8998 6.26349 27.7155C5.81863 27.5313 5.41442 27.2612 5.07394 26.9207C4.73346 26.5802 4.46338 26.176 4.27911 25.7311C4.09484 25.2863 4 24.8095 4 24.328V7.6613C4 6.68883 4.38631 5.7562 5.07394 5.06857C5.76158 4.38094 6.69421 3.99463 7.66667 3.99463H24.3333ZM10.3333 12C10.0688 12 9.81506 12.1048 9.62764 12.2914C9.44022 12.4781 9.33439 12.7314 9.33333 12.996V21.672C9.33333 22.2213 9.78133 22.6666 10.3333 22.6666C10.8853 22.6666 11.3333 22.2213 11.3333 21.672V12.9946C11.3319 12.7303 11.2259 12.4774 11.0386 12.291C10.8512 12.1046 10.5976 12 10.3333 12ZM21.6667 9.3333C21.5371 9.33153 21.4084 9.35531 21.2881 9.40327C21.1677 9.45124 21.0579 9.52244 20.9651 9.61283C20.8722 9.70321 20.798 9.81101 20.7469 9.93005C20.6957 10.0491 20.6684 10.1771 20.6667 10.3066V21.6946C20.6667 22.232 21.1147 22.668 21.6667 22.668C21.7962 22.6697 21.9249 22.6459 22.0453 22.598C22.1657 22.55 22.2754 22.4788 22.3683 22.3884C22.4611 22.298 22.5353 22.1903 22.5865 22.0712C22.6377 21.9522 22.6649 21.8242 22.6667 21.6946V10.3053C22.6649 10.1757 22.6377 10.0478 22.5865 9.92871C22.5353 9.80967 22.4611 9.70188 22.3683 9.6115C22.2754 9.52111 22.1657 9.4499 22.0453 9.40194C21.9249 9.35398 21.7962 9.33153 21.6667 9.3333ZM15.9667 15.9946C15.7088 15.9964 15.4621 16.1004 15.2808 16.2839C15.0996 16.4674 14.9986 16.7154 15 16.9733L15.0467 21.7026C15.0484 21.8305 15.0753 21.9567 15.1258 22.0741C15.1764 22.1915 15.2495 22.2979 15.3412 22.387C15.4328 22.4761 15.5411 22.5464 15.6598 22.5937C15.7786 22.641 15.9055 22.6644 16.0333 22.6626C16.2912 22.6609 16.5379 22.5568 16.7192 22.3733C16.9004 22.1898 17.0014 21.9419 17 21.684L16.9533 16.9533C16.9495 16.6954 16.8434 16.4495 16.6584 16.2698C16.4734 16.09 16.2246 15.9911 15.9667 15.9946Z\" fill=\"#F2456E\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tUsage Insights\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tVisualize data on room utilization to optimize space planning.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fda697d e-con-full e-flex e-con e-parent\" data-id=\"fda697d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-258570c elementor-widget elementor-widget-html\" data-id=\"258570c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Font Google: Roboto Condensed & Ubuntu -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- =========================\r\n     HTML STRUCTURE: PROCESS SECTION\r\n========================= -->\r\n<section class=\"epv2-process-section\" id=\"how-it-works\">\r\n  <div class=\"epv2-process-container\">\r\n\r\n    <!-- LEFT CONTENT & 3D VISUAL -->\r\n    <div class=\"epv2-process-left\">\r\n      \r\n      <!-- Badges -->\r\n      <div class=\"epv2-badge\">\r\n        <span class=\"epv2-badge-text\">PROCESS<\/span>\r\n      <\/div>\r\n\r\n      <!-- Title with Gradient Accent -->\r\n      <h2 class=\"epv2-process-title\">\r\n        How It <span class=\"gradient-text\">Works ?<\/span>\r\n      <\/h2>\r\n\r\n      <!-- Description -->\r\n      <p class=\"epv2-process-desc\">\r\n        Discover how RoomFlow simplifies meeting room booking in just a few easy steps: choose your room, pick a time, and confirm. No more double bookings or back-and-forth emails. Get started now and take full control of your office space!\r\n      <\/p>\r\n\r\n      <!-- 3D Node Pipeline Flow (Modernized Image Left Visual) -->\r\n      <div class=\"epv2-visual-pipeline\">\r\n        <!-- Node 1: Blue Square -->\r\n        <div class=\"epv2-node epv2-node-1\" title=\"1. Sign Up\">\r\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\r\n            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"epv2-arrow-connector\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <!-- Node 2: Pink Capsule -->\r\n        <div class=\"epv2-node epv2-node-2\" title=\"2. Book Room\">\r\n          <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"epv2-arrow-connector\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <!-- Node 3: Yellow Circle -->\r\n        <div class=\"epv2-node epv2-node-3\" title=\"3. Fill Form\">\r\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path>\r\n            <path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"epv2-arrow-connector\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <!-- Node 4: Cyan Diamond -->\r\n        <div class=\"epv2-node epv2-node-4\" title=\"4. Submit Request\">\r\n          <span>\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line>\r\n              <polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT STEPS LIST CARDS -->\r\n    <div class=\"epv2-process-steps\">\r\n\r\n      <!-- STEP 01 -->\r\n      <div class=\"epv2-step-card\">\r\n        <div class=\"epv2-step-num\">01<\/div>\r\n        <div class=\"epv2-step-info\">\r\n          <h3>SIGN UP<\/h3>\r\n          <p>Get started by logging into your account in just a few clicks.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 02 -->\r\n      <div class=\"epv2-step-card\">\r\n        <div class=\"epv2-step-num\">02<\/div>\r\n        <div class=\"epv2-step-info\">\r\n          <h3>BOOK A MEETING ROOM<\/h3>\r\n          <p>Pick the floor and available meeting rooms in real-time.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 03 -->\r\n      <div class=\"epv2-step-card\">\r\n        <div class=\"epv2-step-num\">03<\/div>\r\n        <div class=\"epv2-step-info\">\r\n          <h3>FILL THE FORM<\/h3>\r\n          <p>Enter essential meeting details such as title, attendees, and schedule.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 04 -->\r\n      <div class=\"epv2-step-card\">\r\n        <div class=\"epv2-step-num\">04<\/div>\r\n        <div class=\"epv2-step-info\">\r\n          <h3>SUBMIT REQUEST<\/h3>\r\n          <p>Send your meeting request instantly for instant confirmation & approval.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================\r\n     CSS STYLES\r\n========================= -->\r\n<style>\r\n\/* =====================================================\r\n   EASYPRINT PROCESS \/ HOW IT WORKS SECTION (epv2-process)\r\n   Konsisten dengan Hero V2 (Dark Theme, Glassmorphism, Prefix epv2-)\r\n===================================================== *\/\r\n\r\n.epv2-process-section {\r\n  --epv2-pink: #ff3f7f;\r\n  --epv2-pink-light: #ff75a5;\r\n  --epv2-purple: #7438ff;\r\n  --epv2-blue: #334cff;\r\n  --epv2-cyan: #1bd8ff;\r\n  --epv2-white: #ffffff;\r\n  --epv2-muted: rgba(255, 255, 255, 0.68);\r\n  --epv2-border: rgba(255, 255, 255, 0.12);\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 700px;\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  color: var(--epv2-white);\r\n  background:\r\n    radial-gradient(\r\n      circle at 20% 50%,\r\n      rgba(255, 63, 127, 0.12),\r\n      transparent 35%\r\n    ),\r\n    radial-gradient(\r\n      circle at 80% 60%,\r\n      rgba(116, 56, 255, 0.15),\r\n      transparent 38%\r\n    ),\r\n    linear-gradient(135deg, #050507 0%, #090714 54%, #050507 100%);\r\n  font-family: 'Ubuntu', sans-serif;\r\n  padding: 100px 0;\r\n}\r\n\r\n.epv2-process-section,\r\n.epv2-process-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Background Grid Pattern *\/\r\n.epv2-process-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -4;\r\n  opacity: 0.35;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);\r\n  background-size: 68px 68px;\r\n  mask-image: linear-gradient(\r\n    to bottom,\r\n    transparent,\r\n    black 15%,\r\n    black 85%,\r\n    transparent\r\n  );\r\n}\r\n\r\n\/* Glowing Ambient Blob *\/\r\n.epv2-process-section::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 500px;\r\n  height: 500px;\r\n  bottom: -100px;\r\n  left: -100px;\r\n  z-index: -3;\r\n  border-radius: 50%;\r\n  filter: blur(120px);\r\n  background: rgba(255, 63, 127, 0.1);\r\n  pointer-events: none;\r\n}\r\n\r\n.epv2-process-container {\r\n  position: relative;\r\n  width: min(1240px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n  align-items: center;\r\n  gap: 60px;\r\n}\r\n\r\n\/* =========================\r\n   LEFT CONTENT AREA\r\n========================= *\/\r\n\r\n.epv2-process-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n\/* Pill Badge *\/\r\n.epv2-badge {\r\n  width: fit-content;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  min-height: 38px;\r\n  padding: 6px 18px;\r\n  border: 1px solid var(--epv2-border);\r\n  border-radius: 999px;\r\n  background: rgba(255, 255, 255, 0.055);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.epv2-badge-text {\r\n  color: rgba(255, 255, 255, 0.9);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Section Title *\/\r\n.epv2-process-title {\r\n  margin: 0;\r\n  font-family: 'Roboto Condensed', sans-serif;\r\n  font-size: clamp(42px, 4.8vw, 68px);\r\n  font-weight: 700;\r\n  line-height: 1.05;\r\n  letter-spacing: -0.02em;\r\n  text-transform: uppercase;\r\n  color: #ffffff;\r\n}\r\n\r\n.epv2-process-title .gradient-text {\r\n  color: transparent;\r\n  background: linear-gradient(\r\n    95deg,\r\n    #ffffff 0%,\r\n    #ff92b7 45%,\r\n    #a980ff 80%,\r\n    #65dfff 100%\r\n  );\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n}\r\n\r\n\/* Section Description *\/\r\n.epv2-process-desc {\r\n  margin: 0;\r\n  color: var(--epv2-muted);\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  max-width: 540px;\r\n}\r\n\r\n\/* 3D Visual Pipeline Flow *\/\r\n.epv2-visual-pipeline {\r\n  margin-top: 15px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 28px 24px;\r\n  border-radius: 24px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n\/* Interactive 3D Shape Blocks *\/\r\n.epv2-node {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  cursor: pointer;\r\n}\r\n\r\n.epv2-node:hover {\r\n  transform: translateY(-8px) scale(1.08) !important;\r\n}\r\n\r\n\/* 1. Rounded Square (Blue) *\/\r\n.epv2-node-1 {\r\n  width: 62px;\r\n  height: 62px;\r\n  border-radius: 18px;\r\n  background: linear-gradient(145deg, #4b73ff, #1a3bcf);\r\n  box-shadow:\r\n    0 12px 24px rgba(33, 76, 255, 0.4),\r\n    inset 0 2px 3px rgba(255, 255, 255, 0.4),\r\n    inset 0 -3px 6px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n\/* 2. Vertical Capsule (Pink) *\/\r\n.epv2-node-2 {\r\n  width: 46px;\r\n  height: 82px;\r\n  border-radius: 23px;\r\n  background: linear-gradient(145deg, #ff528f, #d6145e);\r\n  box-shadow:\r\n    0 12px 24px rgba(255, 63, 127, 0.4),\r\n    inset 0 2px 3px rgba(255, 255, 255, 0.4),\r\n    inset 0 -3px 6px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n\/* 3. Circle (Yellow\/Gold) *\/\r\n.epv2-node-3 {\r\n  width: 65px;\r\n  height: 65px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(145deg, #ffdb4d, #e6a100);\r\n  box-shadow:\r\n    0 12px 24px rgba(255, 200, 0, 0.35),\r\n    inset 0 2px 3px rgba(255, 255, 255, 0.6),\r\n    inset 0 -3px 6px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n\/* 4. Diamond \/ Rotated Square (Cyan) *\/\r\n.epv2-node-4 {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 14px;\r\n  transform: rotate(45deg);\r\n  background: linear-gradient(145deg, #38f3ff, #0099b8);\r\n  box-shadow:\r\n    0 12px 24px rgba(27, 216, 255, 0.4),\r\n    inset 0 2px 3px rgba(255, 255, 255, 0.5),\r\n    inset 0 -3px 6px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.epv2-node-4 span {\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n\/* Flow Arrow Connecting Icons *\/\r\n.epv2-arrow-connector {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: grid;\r\n  place-items: center;\r\n  color: rgba(255, 255, 255, 0.4);\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  animation: epv2Pulse 2.5s infinite ease-in-out;\r\n}\r\n\r\n.epv2-arrow-connector svg {\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n\/* =========================\r\n   RIGHT STEPS LIST CARDS\r\n========================= *\/\r\n\r\n.epv2-process-steps {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.epv2-step-card {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 18px 24px;\r\n  border-radius: 18px;\r\n  background: rgba(18, 20, 36, 0.65);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);\r\n  transition: all 0.35s ease;\r\n  cursor: default;\r\n}\r\n\r\n.epv2-step-card:hover {\r\n  transform: translateX(8px);\r\n  background: rgba(26, 29, 52, 0.85);\r\n  border-color: rgba(255, 63, 127, 0.35);\r\n  box-shadow:\r\n    0 15px 35px rgba(0, 0, 0, 0.35),\r\n    0 0 25px rgba(255, 63, 127, 0.12);\r\n}\r\n\r\n\/* Step Number Badge (Pink Box) *\/\r\n.epv2-step-num {\r\n  width: 48px;\r\n  height: 48px;\r\n  flex: 0 0 48px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 12px;\r\n  font-family: 'Roboto Condensed', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, #ff3f7f, #e729b2);\r\n  box-shadow:\r\n    0 8px 18px rgba(255, 63, 127, 0.35),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.epv2-step-card:hover .epv2-step-num {\r\n  transform: scale(1.06);\r\n}\r\n\r\n\/* Step Text Copy *\/\r\n.epv2-step-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.epv2-step-info h3 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-family: 'Roboto Condensed', sans-serif;\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.03em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.epv2-step-info p {\r\n  margin: 0;\r\n  color: var(--epv2-muted);\r\n  font-size: 13.5px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* Hover Accent Left Indicator Line *\/\r\n.epv2-step-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 15%;\r\n  bottom: 15%;\r\n  width: 3px;\r\n  border-radius: 0 3px 3px 0;\r\n  background: linear-gradient(to bottom, var(--epv2-pink), var(--epv2-purple));\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.epv2-step-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes epv2Pulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.6;\r\n  }\r\n  50% {\r\n    transform: scale(1.12);\r\n    opacity: 1;\r\n    border-color: rgba(255, 63, 127, 0.5);\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE (TABLET & MOBILE)\r\n========================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n  .epv2-process-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n  }\r\n\r\n  .epv2-process-left {\r\n    text-align: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .epv2-process-desc {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .epv2-visual-pipeline {\r\n    max-width: 520px;\r\n    width: 100%;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .epv2-process-section {\r\n    padding: 60px 0;\r\n  }\r\n\r\n  .epv2-process-title {\r\n    font-size: clamp(34px, 10vw, 48px);\r\n  }\r\n\r\n  .epv2-visual-pipeline {\r\n    padding: 20px 14px;\r\n    gap: 8px;\r\n  }\r\n\r\n  .epv2-node-1 { width: 48px; height: 48px; border-radius: 12px; }\r\n  .epv2-node-2 { width: 38px; height: 62px; border-radius: 18px; }\r\n  .epv2-node-3 { width: 48px; height: 48px; }\r\n  .epv2-node-4 { width: 42px; height: 42px; border-radius: 10px; }\r\n\r\n  .epv2-arrow-connector {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .epv2-arrow-connector svg {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n\r\n  .epv2-step-card {\r\n    padding: 14px 16px;\r\n    gap: 14px;\r\n  }\r\n\r\n  .epv2-step-num {\r\n    width: 42px;\r\n    height: 42px;\r\n    flex: 0 0 42px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .epv2-step-info h3 {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .epv2-step-info p {\r\n    font-size: 12.5px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-020b241 e-con-full e-flex e-con e-parent\" data-id=\"020b241\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8bae391 e-con-full e-flex e-con e-child\" data-id=\"8bae391\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71d8331 elementor-widget elementor-widget-image\" data-id=\"71d8331\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2028\" height=\"2560\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/iPhone-15-scaled.png\" class=\"attachment-full size-full wp-image-2967\" alt=\"IPhone 15 Scaled\" srcset=\"https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/iPhone-15-scaled.png 2028w, https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/iPhone-15-238x300.png 238w, https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/iPhone-15-811x1024.png 811w, https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/iPhone-15-768x970.png 768w, https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/iPhone-15-1217x1536.png 1217w, https:\/\/flashklik.com\/wp-content\/uploads\/2026\/03\/iPhone-15-1622x2048.png 1622w\" sizes=\"(max-width: 2028px) 100vw, 2028px\"  title=\"RoomFlow\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7339bcb e-con-full e-flex e-con e-child\" data-id=\"7339bcb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88d2b01 elementor-widget elementor-widget-image\" data-id=\"88d2b01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"775\" height=\"95\" src=\"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/Flashklik-Logo.png\" class=\"attachment-full size-full wp-image-1558\" alt=\"Flashklik Logo\" srcset=\"https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/Flashklik-Logo.png 775w, https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/Flashklik-Logo-300x37.png 300w, https:\/\/flashklik.com\/wp-content\/uploads\/2025\/07\/Flashklik-Logo-768x94.png 768w\" sizes=\"(max-width: 775px) 100vw, 775px\"  title=\"RoomFlow\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ef184 elementor-widget elementor-widget-text-editor\" data-id=\"b0ef184\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We offer the best services<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3128094 e-con-full e-flex e-con e-child\" data-id=\"3128094\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a744711 e-con-full e-flex e-con e-child\" data-id=\"a744711\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11a05a9 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"11a05a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Room Booking<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc4f2ee elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"fc4f2ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Workspace Management<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a98577d elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"a98577d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Meeting Planner<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb10ad4 elementor-widget__width-auto elementor-align-right elementor-widget elementor-widget-button\" data-id=\"fb10ad4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Smart Scheduling<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65f0dde elementor-widget elementor-widget-heading\" data-id=\"65f0dde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Boost the collaboration through smart meeting space.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f5782e elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"5f5782e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/id\/contact-us\/#contactform\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request a Consultation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Office Meeting Smart Room Booking for Smarter Offices Schedule, manage, and optimize office space with ease. Simplify meeting room management and enhance collaboration across your entire organization. Request a Consultation See How It Works Real-Time Availability Book instantly on the spot Usage Insights Optimize space planning Meeting Solution Smart Room Management Workspace Optimization Real-Time Booking [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1441","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages\/1441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/comments?post=1441"}],"version-history":[{"count":177,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages\/1441\/revisions"}],"predecessor-version":[{"id":3836,"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/pages\/1441\/revisions\/3836"}],"wp:attachment":[{"href":"https:\/\/flashklik.com\/id\/wp-json\/wp\/v2\/media?parent=1441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}