{"id":10056,"date":"2025-11-27T11:32:22","date_gmt":"2025-11-27T05:02:22","guid":{"rendered":"https:\/\/nhmyanmar.com\/?page_id=10056"},"modified":"2025-12-01T11:41:08","modified_gmt":"2025-12-01T05:11:08","slug":"components","status":"publish","type":"page","link":"https:\/\/nhmyanmar.com\/my\/components\/","title":{"rendered":"Components"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10056\" class=\"elementor elementor-10056\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1616b43 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1616b43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8a4892 elementor-widget elementor-widget-html\" data-id=\"e8a4892\" 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\n<style>\n    .btn-a-dual {\n  --c1: #0E6A50;    \/* deep green *\/\n  --c2: #21A179;    \/* lighter financial green *\/\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  padding: 12px 26px;\n  border-radius: 40px;\n\n  background: transparent;\n  color: var(--c1);\n  font-size: 16px;\n  font-weight: 600;\n\n  text-decoration: none !important;\n\n  transition: \n    color .35s ease,\n    background .35s ease,\n    box-shadow .35s ease,\n    transform .25s ease;\n}\n\n\/* gradient border layer *\/\n.btn-a-dual::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  padding: 2px; \/* border thickness *\/\n  border-radius: inherit;\n  background: linear-gradient(135deg, var(--c1), var(--c2));\n  -webkit-mask: \n      linear-gradient(#fff 0 0) content-box, \n      linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n          mask-composite: exclude;\n  transition: opacity .35s ease;\n  opacity: 1;\n}\n\n\/* inner container so background doesn't cover gradient *\/\n.btn-a-dual > * {\n  position: relative;\n  z-index: 2;\n}\n\n\/* icon *\/\n.btn-a-dual .icon {\n  display: inline-block;\n  transition: transform .35s cubic-bezier(.25,.8,.3,1), opacity .3s ease;\n  opacity: 0.8;\n}\n\n\/* hover effect *\/\n.btn-a-dual:hover {\n  background: rgba(14,106,80,0.10);\n  color: #0A4E3B;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n}\n\n\/* arrow push *\/\n.btn-a-dual:hover .icon {\n  transform: translateX(6px);\n  opacity: 1;\n}\n\n\/* micro-bounce on click *\/\n.btn-a-dual:active {\n  transform: scale(0.96);\n}\n\n<\/style>\n\n<a href=\"\/services\" class=\"btn-a-dual\">\n  <span class=\"label\">View Services<\/span>\n  <span class=\"icon\">\u2192<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-307224bc e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"307224bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64b0d4f9 elementor-widget elementor-widget-html\" data-id=\"64b0d4f9\" 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<style>\n.svc-btn-b {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 26px;\n    background: linear-gradient(135deg, #E8F5F3, #D6F2EA);\n    color: #1B6F57;\n    border-radius: 50px;\n    font-size: 16px;\n    font-weight: 600;\n    text-decoration: none;\n    transition: all 0.28s ease;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.06);\n}\n\n.svc-btn-b .icon {\n    opacity: 0;\n    transform: translateX(-6px);\n    transition: all 0.28s cubic-bezier(.25,.6,.3,1);\n}\n\n.svc-btn-b:hover {\n    background: linear-gradient(135deg, #CFEDE5, #BAE5D8);\n    box-shadow: 0 6px 14px rgba(0,0,0,0.1);\n    color: #157347;\n}\n\n.svc-btn-b:hover .icon {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n<\/style>\n\n<a style=\"text-decoration:none;\" href=\"\/services\" class=\"svc-btn-b\">\n    <span class=\"label\">View Services<\/span>\n    <span class=\"icon\">\u2192<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1775c5c7 elementor-widget elementor-widget-html\" data-id=\"1775c5c7\" 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<style>\n    .svc-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 24px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #2C3E50;\n    text-decoration: none;\n    border: 2px solid transparent;\n\n    \/* subtle gradient border *\/\n    border-image: linear-gradient(90deg, #2F5D62, #1B8F75) 1;\n\n    border-radius: 60px;\n    transition: all 0.28s ease;\n    position: relative;\n}\n\n.svc-btn .arrow {\n    display: inline-block;\n    transition: transform 0.28s ease;\n    font-size: 18px;\n}\n\n.svc-btn:hover .arrow {\n    transform: translateX(6px);\n}\n\n.svc-btn:hover {\n    background: linear-gradient(90deg, #2F5D620D, #1B8F750D);\n    color: #1B8F75;\n    border-image: linear-gradient(90deg, #1B8F75, #2F5D62) 1;\n}\n\n<\/style>\n\n<a style=\"text-decoration:none;\" href=\"\/services\" class=\"svc-btn\">View Services <span class=\"arrow\">\u2192<\/span><\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-613479b4 elementor-widget elementor-widget-html\" data-id=\"613479b4\" 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\n<style>\n.svc-btn-cplus { text-decoration: none !important; }\n\n\/* keep SVG sized and centered *\/\n.svc-btn-cplus .icon-svg {\n  display: inline-block;\n  width: 18px;\n  height: 18px;\n  vertical-align: middle;\n  transform-origin: center center; \/* SVG rotates around its center *\/\n  transform: translateX(-8px) rotate(0deg);\n  opacity: 0;\n  transition: transform 0.35s cubic-bezier(.25,.8,.3,1), opacity .28s ease;\n}\n\n\/* hover reveals and rotates chevron *\/\n.svc-btn-cplus:hover .icon-svg {\n  opacity: 1;\n  transform: translateX(4px) rotate(18deg);\n}\n\n\/* rest of button behaviors (keep existing) *\/\n.svc-btn-cplus {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 22px;\n  background: #E7F4EF;\n  color: #115C48;\n  border-radius: 40px;\n  font-size: 16px;\n  font-weight: 600;\n  transition: all 0.35s cubic-bezier(.25,.8,.3,1);\n  overflow: hidden;\n  width: fit-content;\n}\n\n.svc-btn-cplus .gloss { \/* gloss same as before *\/\n  position: absolute;\n  top: 0;\n  left: -150%;\n  width: 120%;\n  height: 100%;\n  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 40%, rgba(255,255,255,0) 80%);\n  pointer-events: none;\n  transition: transform 0.6s ease;\n}\n\n.svc-btn-cplus:hover { padding: 12px 34px; background: #D5EFE6; box-shadow: 0 6px 14px rgba(0,0,0,0.08); color: #0E6A50; }\n.svc-btn-cplus:hover .gloss { transform: translateX(250%); }\n.svc-btn-cplus:active { transform: scale(0.96); }\n<\/style>\n\n<a href=\"\/services\" class=\"svc-btn-cplus\">\n  <span class=\"label\">View Services<\/span>\n  <!-- inline SVG chevron -->\n  <svg class=\"icon-svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <path d=\"M9 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <\/svg>\n  <span class=\"gloss\"><\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b55ced5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"b55ced5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68196a5 elementor-widget elementor-widget-html\" data-id=\"68196a5\" 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<!--micro-sheen-->\n<!--glassy edge-->\n\n<style>\n    .btn-a-prem {\n  --c1: #0E6A50;\n  --c2: #21A179;\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  padding: 12px 28px;\n  border-radius: 40px;\n\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--c1);\n  background: transparent;\n  text-decoration: none !important;\n\n  overflow: hidden;\n\n  transition:\n    color .35s ease,\n    background .35s ease,\n    box-shadow .35s ease,\n    transform .25s ease;\n}\n\n\/* gradient border *\/\n.btn-a-prem::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  padding: 2px;\n  border-radius: inherit;\n\n  background: linear-gradient(135deg, var(--c1), var(--c2));\n  -webkit-mask:\n      linear-gradient(#fff 0 0) content-box,\n      linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n          mask-composite: exclude;\n\n  z-index: 1;\n}\n\n\/* micro-sheen streak *\/\n.btn-a-prem::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -120%;\n  width: 50%;\n  height: 100%;\n  background: linear-gradient(\n      115deg,\n      rgba(255,255,255,0) 0%,\n      rgba(255,255,255,0.28) 45%,\n      rgba(255,255,255,0) 90%\n  );\n  transform: skewX(-25deg);\n  transition: transform .5s ease;\n  z-index: 2;\n  pointer-events: none;\n}\n\n.btn-a-prem:hover::after {\n  transform: translateX(260%) skewX(-25deg);\n}\n\n\/* icon *\/\n.btn-a-prem .icon {\n  transition: transform .35s cubic-bezier(.25,.8,.3,1), opacity .3s ease;\n  opacity: 0.8;\n}\n\n.btn-a-prem:hover {\n  background: rgba(14,106,80,0.12);\n  color: #0A4E3B;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n}\n\n\/* arrow movement *\/\n.btn-a-prem:hover .icon {\n  transform: translateX(6px);\n  opacity: 1;\n}\n\n\/* micro-bounce *\/\n.btn-a-prem:active {\n  transform: scale(0.96);\n}\n\n<\/style>\n\n<a href=\"\/services\" class=\"btn-a-prem\">\n  <span class=\"label\">View Services<\/span>\n  <span class=\"icon\">\u2192<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a98ace e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2a98ace\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da8dfdf elementor-widget elementor-widget-html\" data-id=\"da8dfdf\" 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<style>\n    .btn-ultra {\n  --c1: #0E6A50;\n  --c2: #21A179;\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  padding: 12px 30px;\n  border-radius: 40px;\n\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--c1);\n  background: transparent;\n  text-decoration: none !important;\n\n  overflow: hidden;\n  transition: \n      color .35s ease,\n      background .35s ease,\n      box-shadow .35s ease,\n      transform .25s ease;\n}\n\n\/* Dual-tone gradient border (premium) *\/\n.btn-ultra::selection { background: transparent; }\n.btn-ultra::before,\n.btn-ultra::after {\n  pointer-events: none;\n}\n\n\/* Gradient border container trick *\/\n.btn-ultra::part(border);\n.btn-ultra::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  padding: 2px;\n  border-radius: inherit;\n  z-index: 1;\n\n  background: linear-gradient(135deg, var(--c1), var(--c2));\n  -webkit-mask:\n      linear-gradient(#fff 0 0) content-box,\n      linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n          mask-composite: exclude;\n}\n\n\/* --- FIRST SHEEN PASS (soft, wide, slow) --- *\/\n.btn-ultra::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -160%;\n  width: 65%;\n  height: 100%;\n  z-index: 2;\n\n  background: linear-gradient(\n      115deg,\n      rgba(255,255,255,0) 0%,\n      rgba(255,255,255,0.22) 45%,\n      rgba(255,255,255,0) 100%\n  );\n  transform: skewX(-25deg);\n  transition: transform 0.7s ease;\n}\n\n\/* --- SECOND SHEEN PASS (sharper, fast, thin) --- *\/\n.btn-ultra .label::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -200%;\n  width: 40%;\n  height: 100%;\n  z-index: 3;\n\n  background: linear-gradient(\n      115deg,\n      rgba(255,255,255,0) 0%,\n      rgba(255,255,255,0.35) 50%,\n      rgba(255,255,255,0) 100%\n  );\n  transform: skewX(-20deg);\n  transition: transform 0.55s cubic-bezier(.25,.8,.3,1);\n}\n\n.btn-ultra:hover::after {\n  transform: translateX(260%) skewX(-25deg);\n}\n\n.btn-ultra:hover .label::after {\n  transform: translateX(260%) skewX(-20deg);\n  transition-delay: .12s; \/* staggered second pass *\/\n}\n\n\/* Arrow *\/\n.btn-ultra .icon {\n  transition: transform .35s cubic-bezier(.25,.8,.3,1), opacity .3s ease;\n  opacity: .85;\n}\n\n.btn-ultra:hover {\n  background: rgba(14,106,80,0.12);\n  color: #0A4E3B;\n  box-shadow: 0 6px 22px rgba(0,0,0,0.16);\n}\n\n.btn-ultra:hover .icon {\n  transform: translateX(7px);\n  opacity: 1;\n}\n\n\/* Micro-bounce *\/\n.btn-ultra:active {\n  transform: scale(.96);\n}\n\n\/* For label position *\/\n.btn-ultra .label { \n  position: relative; \n  z-index: 3; \n}\n\n<\/style>\n\n\n<a href=\"\/services\" class=\"btn-ultra\">\n  <span class=\"label\">View Services<\/span>\n  <span class=\"icon\">\u2192<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0cd5596 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"0cd5596\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95ed147 elementor-widget elementor-widget-html\" data-id=\"95ed147\" 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<style>\n    .btn-neo {\n  --c1: #0E6A50;\n  --c2: #21A179;\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  padding: 12px 30px;\n  border-radius: 40px;\n\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--c1);\n  background: transparent;\n  text-decoration: none !important;\n\n  overflow: hidden;\n  transition: color .35s ease, box-shadow .35s ease, transform .25s ease;\n}\n\n\/* Gradient border container *\/\n.btn-neo::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  padding: 2px;\n  border-radius: inherit;\n  background: linear-gradient(135deg, var(--c1), var(--c2));\n  -webkit-mask:\n      linear-gradient(#fff 0 0) content-box,\n      linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n          mask-composite: exclude;\n  z-index: 1;\n}\n\n\/* Dual sheen passes *\/\n.btn-neo::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -160%;\n  width: 65%;\n  height: 100%;\n  z-index: 2;\n  background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 45%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: transform 0.7s ease;\n}\n\n.btn-neo:hover::after {\n  transform: translateX(260%) skewX(-25deg);\n}\n\n\/* Second sheen (micro) *\/\n.btn-neo .label::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -200%;\n  width: 40%;\n  height: 100%;\n  z-index: 3;\n  background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-20deg);\n  transition: transform 0.55s cubic-bezier(.25,.8,.3,1);\n}\n\n.btn-neo:hover .label::after {\n  transform: translateX(260%) skewX(-20deg);\n  transition-delay: .12s;\n}\n\n\/* Arrow *\/\n.btn-neo .icon {\n  transition: transform .35s cubic-bezier(.25,.8,.3,1), opacity .3s ease;\n  opacity: .85;\n}\n\n.btn-neo:hover {\n  background: rgba(14,106,80,0.12);\n  color: #0A4E3B;\n  box-shadow: 0 6px 24px rgba(0,0,0,0.18);\n}\n\n\/* Arrow movement *\/\n.btn-neo:hover .icon {\n  transform: translateX(7px);\n  opacity: 1;\n}\n\n\/* Micro-bounce on click *\/\n.btn-neo:active {\n  transform: scale(.96);\n}\n\n\/* Label layering *\/\n.btn-neo .label {\n  position: relative;\n  z-index: 3;\n}\n\n\/* --- NEO extra: subtle border pulse --- *\/\n@keyframes border-pulse {\n  0% { filter: drop-shadow(0 0 0px rgba(33,161,121,0.35)); }\n  50% { filter: drop-shadow(0 0 6px rgba(33,161,121,0.25)); }\n  100% { filter: drop-shadow(0 0 0px rgba(33,161,121,0.35)); }\n}\n\n.btn-neo::before {\n  animation: border-pulse 3s infinite;\n}\n\n\/* Optional micro-glow streak *\/\n.btn-neo:hover {\n  box-shadow: 0 6px 28px rgba(33,161,121,0.22), 0 0 8px rgba(33,161,121,0.14) inset;\n}\n\n<\/style>\n\n<a href=\"\/services\" class=\"btn-neo\">\n  <span class=\"label\">View Services<\/span>\n  <span class=\"icon\">\u2192<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5ff82c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e5ff82c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c50d9b elementor-widget elementor-widget-html\" data-id=\"7c50d9b\" 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\n\n\n<style>\n    \/* -------- Light Sheen Pass A -------- *\/\n@keyframes sheenA {\n  0%   { opacity: 0; transform: translateX(-130%) skewX(-15deg); }\n  40%  { opacity: .35; }\n  100% { opacity: 0; transform: translateX(160%) skewX(-15deg); }\n}\n\n\/* -------- Light Sheen Pass B (slightly delayed, softer) -------- *\/\n@keyframes sheenB {\n  0%   { opacity: 0; transform: translateX(-150%) skewX(-20deg); }\n  55%  { opacity: .25; }\n  100% { opacity: 0; transform: translateX(190%) skewX(-20deg); }\n}\n\n\/* --------- The Button --------- *\/\n.btn-premium {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  padding: 14px 32px;\n  font-size: 16px;\n  font-weight: 600;\n  border-radius: 48px;\n\n  \/* primary color family *\/\n  color: #0E6A50;\n  background: rgba(255,255,255,0.7);\n  backdrop-filter: blur(5px);\n\n  \/* dual-tone gradient border *\/\n  border: 2px solid;\n  border-image-slice: 1;\n  border-image-source: linear-gradient(135deg, #0E6A50, #21A179);\n\n  \/* micro glow *\/\n  box-shadow: 0 0 6px rgba(33,161,121,0.16);\n\n  cursor: pointer;\n  overflow: hidden;\n\n  transition: \n      background .35s ease,\n      color .35s ease,\n      transform .25s ease,\n      box-shadow .35s ease;\n}\n\n\/* Hover *\/\n.btn-premium:hover {\n  background: rgba(255,255,255,0.82);\n  box-shadow: 0 0 10px rgba(33,161,121,0.22);\n  transform: translateY(-2px);\n}\n\n\/* -------- Sheen layers -------- *\/\n.btn-premium::before,\n.btn-premium::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 45%;\n  pointer-events: none;\n  opacity: 0;\n}\n\n\/* Primary sheen *\/\n.btn-premium::before {\n  left: -60%;\n  background: linear-gradient(\n    115deg,\n    rgba(255,255,255,0) 0%,\n    rgba(255,255,255,0.55) 50%,\n    rgba(255,255,255,0) 100%\n  );\n  animation: sheenA 4.8s infinite ease;\n}\n\n\/* Secondary delayed sheen *\/\n.btn-premium::after {\n  left: -80%;\n  background: linear-gradient(\n    115deg,\n    rgba(255,255,255,0) 0%,\n    rgba(255,255,255,0.38) 50%,\n    rgba(255,255,255,0) 100%\n  );\n  animation: sheenB 7.2s infinite ease;\n}\n\n\n\/* Stronger glow *\/\n.btn-premium {\n  box-shadow:\n      0 0 14px rgba(33,161,121,0.32),\n      0 0 28px rgba(33,161,121,0.18);\n}\n\n\/* Stronger hover glow *\/\n.btn-premium:hover {\n  box-shadow:\n      0 0 20px rgba(33,161,121,0.40),\n      0 0 36px rgba(33,161,121,0.26);\n}\n<\/style>\n\n<a style=\"text-decoration:none;\" href=\"\/services\" class=\"btn-premium\">\n  <span class=\"label\">View Services<\/span>\n  <span class=\"icon\">\u2192<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02380b2 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"02380b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8784253 elementor-widget elementor-widget-html\" data-id=\"8784253\" 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\n<style>\n    \/* Base chromatic glow *\/\n.btn-premium {\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 26px;\n  border-radius: 14px;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1B4F4A;\n  border: 2px solid;\n  border-image: linear-gradient(135deg, #2EC4A3, #1A8F7A) 1;\n  background: transparent;\n  position: relative;\n  overflow: hidden;\n  transition: 0.35s ease;\n  cursor: pointer;\n\n  \/* chromatic glow *\/\n  box-shadow:\n      0 0 14px rgba(46,196,163,0.38),\n      0 0 26px rgba(26,143,122,0.22);\n}\n\n\/* Hover chromatic aura shift *\/\n.btn-premium:hover {\n  color: #0d3e38;\n  border-image: linear-gradient(135deg, #39FFD6, #19B59A) 1;\n\n  box-shadow:\n      0 0 20px rgba(57,255,214,0.45),\n      0 0 36px rgba(25,181,154,0.30);\n}\n\n\/* Chromatic dual sheen passes *\/\n.btn-premium::before,\n.btn-premium::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 60%;\n  height: 100%;\n  background: linear-gradient(\n    115deg,\n    rgba(255,255,255,0.12),\n    rgba(255,255,255,0.02) 60%\n  );\n  transform: skewX(-25deg);\n  transition: 0.55s cubic-bezier(.2,.9,.2,1);\n}\n\n\/* first sheen *\/\n.btn-premium:hover::before {\n  left: 130%;\n}\n\n\/* second sheen *\/\n.btn-premium:hover::after {\n  left: 160%;\n  transition-delay: .12s;\n}\n\n\/* Stronger chromatic micro-glow on press *\/\n.btn-premium:active {\n  box-shadow:\n      0 0 26px rgba(57,255,214,0.55),\n      0 0 46px rgba(25,181,154,0.38);\n  transform: scale(0.97);\n}\n\n\/* Arrow styling *\/\n.btn-premium .arrow {\n  transition: 0.3s ease;\n}\n\n.btn-premium:hover .arrow {\n  transform: translateX(4px);\n}\n\n<\/style>\n<a style=\"text-decoration:none;\" href=\"\/home\/services\" class=\"btn-premium\">\n    Explore Services \n    <span class=\"arrow\">\u279c<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f07f32a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"f07f32a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-832619a elementor-widget elementor-widget-html\" data-id=\"832619a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\r\nl\/* Chromatic breathing keyframes *\/\r\n@keyframes chromaBreath {\r\n  0% {\r\n    box-shadow:\r\n      0 0 18px rgba(46,196,163,0.32),\r\n      0 0 36px rgba(26,143,122,0.16);\r\n    border-image: linear-gradient(135deg, #2EC4A3, #1A8F7A) 1;\r\n  }\r\n\r\n  50% {\r\n    box-shadow:\r\n      0 0 28px rgba(57,255,214,0.42),\r\n      0 0 52px rgba(25,181,154,0.26);\r\n    border-image: linear-gradient(135deg, #39FFD6, #19B59A) 1;\r\n  }\r\n\r\n  100% {\r\n    box-shadow:\r\n      0 0 18px rgba(46,196,163,0.32),\r\n      0 0 36px rgba(26,143,122,0.16);\r\n    border-image: linear-gradient(135deg, #2EC4A3, #1A8F7A) 1;\r\n  }\r\n}\r\n\r\n\/* Button Base *\/\r\n.btn-premium {\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 12px 26px;\r\n  border-radius: 14px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #1B4F4A;\r\n  border: 2px solid;\r\n  border-image: linear-gradient(135deg, #2EC4A3, #1A8F7A) 1;\r\n\r\n  background: transparent;\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n\r\n  \/* breathing *\/\r\n  animation: chromaBreath 4.5s ease-in-out infinite;\r\n  transition: 0.35s ease;\r\n}\r\n\r\n\/* Sheen Effects *\/\r\n.btn-premium::before,\r\n.btn-premium::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 60%;\r\n  height: 100%;\r\n  background: linear-gradient(\r\n    115deg,\r\n    rgba(255,255,255,0.12),\r\n    rgba(255,255,255,0.02) 60%\r\n  );\r\n  transform: skewX(-25deg);\r\n  transition: 0.55s cubic-bezier(.2,.9,.2,1);\r\n}\r\n\r\n.btn-premium:hover::before {\r\n  left: 130%;\r\n}\r\n\r\n.btn-premium:hover::after {\r\n  left: 160%;\r\n  transition-delay: .12s;\r\n}\r\n\r\n\/* Hover Glow Boost *\/\r\n.btn-premium:hover {\r\n  color: #0d3e38;\r\n}\r\n\r\n\/* Active Press *\/\r\n.btn-premium:active {\r\n  transform: scale(0.97);\r\n}\r\n\r\n\/* Arrow *\/\r\n.btn-premium .arrow {\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.btn-premium:hover .arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n<\/style>\r\n\r\n<a style=\"text-decoration:none;\" href=\"\/home\/services\" class=\"btn-premium\">\r\n  Explore Services <span class=\"arrow\">\u279c<\/span>\r\n<\/a>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0761c9d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"0761c9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-216c841 elementor-widget elementor-widget-html\" data-id=\"216c841\" 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\n\n\n<style>\n    \/* Light-mode premium breathing (blue \u2194 green) *\/\n@keyframes lightBreath {\n  0% {\n    box-shadow:\n      0 0 10px rgba(66, 165, 245, 0.22),\n      0 0 20px rgba(76, 175, 80, 0.12);\n    border-image: linear-gradient(135deg, #1E88E5, #43A047) 1;\n  }\n\n  50% {\n    box-shadow:\n      0 0 16px rgba(33, 150, 243, 0.28),\n      0 0 28px rgba(56, 142, 60, 0.16);\n    border-image: linear-gradient(135deg, #2196F3, #4CAF50) 1;\n  }\n\n  100% {\n    box-shadow:\n      0 0 10px rgba(66, 165, 245, 0.22),\n      0 0 20px rgba(76, 175, 80, 0.12);\n    border-image: linear-gradient(135deg, #1E88E5, #43A047) 1;\n  }\n}\n\n.btn-premium-light {\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 26px;\n  border-radius: 14px;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1E3E40;\n  border: 2px solid;\n  border-image: linear-gradient(135deg, #1E88E5, #43A047) 1;\n  background: rgba(255,255,255,0.7);\n  backdrop-filter: blur(4px);\n\n  animation: lightBreath 4.5s ease-in-out infinite;\n  transition: 0.28s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Dual Sheen Passes *\/\n.btn-premium-light::before,\n.btn-premium-light::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -120%;\n  width: 50%;\n  height: 100%;\n  border-radius: 14px;\n  background: linear-gradient(\n    115deg,\n    rgba(255,255,255,0.25),\n    rgba(255,255,255,0.05) 60%\n  );\n  transform: skewX(-20deg);\n  transition: 0.55s cubic-bezier(.2,.9,.2,1);\n}\n\n.btn-premium-light:hover::before {\n  left: 140%;\n}\n\n.btn-premium-light:hover::after {\n  left: 160%;\n  transition-delay: .12s;\n}\n\n.btn-premium-light:hover {\n  color: #0A2F2E;\n}\n\n\/* Arrow *\/\n.btn-premium-light .arrow {\n  transition: 0.3s ease;\n}\n\n.btn-premium-light:hover .arrow {\n  transform: translateX(4px);\n}\n\n<\/style>\n\n<a style=\"text-decoration:none;\" href=\"\/home\/services\" class=\"btn-premium-light\">\n  Explore Services <span class=\"arrow\">\u279c<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2a3818 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a2a3818\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c174682 elementor-widget elementor-widget-html\" data-id=\"c174682\" 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<style>\n    .btn-sheen {\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n\n  padding: 12px 26px;\n  font-size: 16px;\n  font-weight: 600;\n\n  color: #1E3E40;\n  background: #ffffffcc;\n  border: 2px solid #1e88e5; \/* clean blue border *\/\n  border-radius: 14px;\n\n  position: relative;\n  overflow: hidden;\n\n  transition: color .25s ease, border-color .25s ease;\n}\n\n\/* Sheen element *\/\n.btn-sheen::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -120%;\n  width: 80%;\n  height: 100%;\n\n  background: linear-gradient(\n    90deg,\n    rgba(255,255,255,0) 0%,\n    rgba(255,255,255,0.45) 50%,\n    rgba(255,255,255,0) 100%\n  );\n\n  transition: left .55s cubic-bezier(.2,.9,.2,1);\n}\n\n\/* Arrow animation *\/\n.btn-sheen .arrow {\n  transition: transform .25s ease;\n}\n\n\/* Hover effects *\/\n.btn-sheen:hover {\n  border-color: #43A047; \/* NH green *\/\n  color: #0A2F2E;\n}\n\n.btn-sheen:hover::before {\n  left: 140%;\n}\n\n.btn-sheen:hover .arrow {\n  transform: translateX(4px);\n}\n\n<\/style>\n\n<a style=\"text-decoration:none;\" href=\"\/home\/services\" class=\"btn-sheen\">\n  Explore Services <span class=\"arrow\">\u279c<\/span>\n<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-268f8ef e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"268f8ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57db6d8 elementor-widget elementor-widget-html\" data-id=\"57db6d8\" 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<style>\n    .neo-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 22px;\n  border-radius: 14px;\n  position: relative;\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 16px;\n  color: #333;\n  overflow: hidden;\n  background: #0e6a50;\n\n  \/* Dual tone border *\/\n  border: 2px solid transparent;\n  background-image:\n    linear-gradient(white, white),\n    linear-gradient(135deg, #ff8b4c, #ff4cc7);\n  background-origin: border-box;\n  background-clip: padding-box, border-box;\n}\n\n\/* Sheen container *\/\n.neo-btn::before,\n.neo-btn::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -120%;\n  width: 60%;\n  height: 100%;\n  transform: skewX(-25deg);\n  opacity: 0;\n  pointer-events: none;\n}\n\n\/* Sheen 1 *\/\n.neo-btn::before {\n  background: linear-gradient(\n    to right,\n    rgba(255,255,255,0) 0%,\n    rgba(255,255,255,0.45) 50%,\n    rgba(255,255,255,0) 100%\n  );\n  transition: opacity 0.2s ease;\n}\n\n\/* Sheen 2 (slightly delayed) *\/\n.neo-btn::after {\n  background: linear-gradient(\n    to right,\n    rgba(255,255,255,0) 0%,\n    rgba(255,255,255,0.25) 50%,\n    rgba(255,255,255,0) 100%\n  );\n  transition: opacity 0.2s ease 0.08s;\n}\n\n\/* Hover activations *\/\n.neo-btn:hover::before {\n  animation: sheen1 0.7s ease forwards;\n  opacity: 1;\n}\n\n.neo-btn:hover::after {\n  animation: sheen2 0.9s ease forwards;\n  opacity: 1;\n}\n\n\/* Arrow \u2192 Chevron morph *\/\n.neo-btn .icon {\n  display: inline-block;\n  transition: all 0.28s cubic-bezier(.25,.46,.45,.94);\n}\n\n.neo-btn:hover .icon {\n  transform: translateX(2px);\n}\n\n.neo-btn:hover .icon::before {\n  content: \"\u203a\";\n}\n\n\/* Sheen keyframes *\/\n@keyframes sheen1 {\n  0% { left: -120%; }\n  100% { left: 140%; }\n}\n\n@keyframes sheen2 {\n  0% { left: -150%; }\n  100% { left: 160%; }\n}\n\n<\/style>\n\n<a style=\"text-decoration:none;\" href=\"#\" class=\"neo-btn\">\n  <span class=\"label\">View Services<\/span>\n  <span class=\"icon\"><\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c657aa e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"0c657aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-926a705 elementor-widget elementor-widget-html\" data-id=\"926a705\" 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<a style=\"text-decoration:none;\" href=\"\/services\" class=\"btn-premium\">Explore Services<\/a>\r\n\r\n<style>\r\n.btn-premium {\r\n    display: inline-block;\r\n    position: relative;\r\n    padding: 14px 36px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-decoration: none; \/* no underline *\/\r\n    border-radius: 8px;\r\n    background: linear-gradient(135deg, rgba(10,111,79,0.8), rgba(43,189,138,0.8));\r\n    backdrop-filter: blur(8px); \/* glasslite effect *\/\r\n    box-shadow: 0 4px 14px rgba(0,0,0,0.1);\r\n    transition: all 0.3s ease;\r\n    overflow: hidden;\r\n}\r\n\r\n.btn-premium::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: linear-gradient(120deg, rgba(255,255,255,0.2), rgba(255,255,255,0));\r\n    transform: rotate(25deg);\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n.btn-premium:hover::before {\r\n    top: -20%;\r\n    left: -20%;\r\n    width: 240%;\r\n    height: 240%;\r\n}\r\n\r\n.btn-premium:hover {\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.2);\r\n    transform: translateY(-2px);\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-778faea e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"778faea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b650d3 elementor-widget elementor-widget-html\" data-id=\"9b650d3\" 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<a style=\"text-decoration:none;\" href=\"\/services\" class=\"btn-premium-lux\">Explore Services<\/a>\r\n\r\n<style>\r\n.btn-premium-lux {\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 14px 36px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-decoration: none;\r\n    border-radius: 8px;\r\n    background: linear-gradient(135deg, rgba(10,111,79,0.85), rgba(43,189,138,0.85));\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 4px 16px rgba(0,0,0,0.12);\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.btn-premium-lux::before,\r\n.btn-premium-lux::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -100%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 300%;\r\n    background: rgba(255,255,255,0.15);\r\n    transform: rotate(25deg);\r\n    transition: all 0.6s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.btn-premium-lux::after {\r\n    background: rgba(255,255,255,0.08);\r\n    top: -120%;\r\n    transform: rotate(45deg);\r\n}\r\n\r\n.btn-premium-lux:hover::before {\r\n    top: -20%;\r\n    left: -20%;\r\n    width: 240%;\r\n    height: 240%;\r\n}\r\n\r\n.btn-premium-lux:hover::after {\r\n    top: -40%;\r\n    left: -10%;\r\n    width: 260%;\r\n    height: 260%;\r\n}\r\n\r\n.btn-premium-lux:hover {\r\n    box-shadow: 0 6px 22px rgba(0,0,0,0.22);\r\n    transform: translateY(-2px);\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c2da06 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"8c2da06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb4214d elementor-widget elementor-widget-html\" data-id=\"cb4214d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<style>\r\n.btn-premium-breathe {\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 14px 36px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-decoration: none;\r\n    border-radius: 8px;\r\n    background: linear-gradient(135deg, rgba(10,111,79,0.85), rgba(43,189,138,0.85));\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 4px 16px rgba(0,0,0,0.12);\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.btn-premium-breathe::before,\r\n.btn-premium-breathe::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -150%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 300%;\r\n    background: rgba(255,255,255,0.12);\r\n    transform: rotate(25deg);\r\n    pointer-events: none;\r\n    animation: sheenMove 3s infinite ease-in-out alternate;\r\n}\r\n\r\n.btn-premium-breathe::after {\r\n    background: rgba(255,255,255,0.08);\r\n    top: -180%;\r\n    transform: rotate(45deg);\r\n    animation-delay: 1.5s;\r\n}\r\n\r\n@keyframes sheenMove {\r\n    0% {\r\n        top: -150%;\r\n        left: -50%;\r\n    }\r\n    100% {\r\n        top: -20%;\r\n        left: -20%;\r\n    }\r\n}\r\n\r\n.btn-premium-breathe:hover {\r\n    box-shadow: 0 6px 22px rgba(0,0,0,0.22);\r\n    transform: translateY(-2px);\r\n}\r\n<\/style>\r\n\r\n<a style=\"text-decoration:none;\" href=\"\/services\" class=\"btn-premium-breathe\">Explore Services<\/a>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-488d6b6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"488d6b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-834a761 elementor-widget elementor-widget-html\" data-id=\"834a761\" 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<a style=\"text-decoration:none;\" class=\"btn-corp\" href=\"#\">Explore Services<\/a>\r\n\r\n<style>\r\n.btn-corp {\r\n  display:inline-block;\r\n  padding:14px 36px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  color:#fff;\r\n  border-radius:8px;\r\n  background:linear-gradient(135deg,#1F6F8B,#2BBE82);\r\n  transition:.25s ease;\r\n}\r\n.btn-corp:hover {\r\n  filter:brightness(1.12);\r\n  transform:translateY(-2px);\r\n  box-shadow:0 6px 16px rgba(0,0,0,0.18);\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc23c13 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"cc23c13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb3bb7 elementor-widget elementor-widget-html\" data-id=\"5cb3bb7\" 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<a  style=\"text-decoration:none;\" class=\"btn-sleek-tech\" href=\"#\">Explore Services<\/a>\r\n\r\n<style>\r\n.btn-sleek-tech {\r\n  position:relative;\r\n  padding:14px 42px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  letter-spacing:0.3px;\r\n  color:#1d2e30; \r\n  text-decoration:none;\r\n  border:1.8px solid #1d2e30;\r\n  border-radius:12px;\r\n  transition: all .28s cubic-bezier(.25,.8,.25,1);\r\n  overflow:hidden;\r\n}\r\n\r\n\/* Glow edge line *\/\r\n.btn-sleek-tech::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; left:-100%;\r\n  width:100%; height:100%;\r\n  border-radius:12px;\r\n  border-top:2px solid #00c2a8;\r\n  border-bottom:2px solid #00c2a8;\r\n  opacity:0.5;\r\n  transition:.4s ease;\r\n}\r\n\r\n.btn-sleek-tech:hover {\r\n  transform:translateY(-2px) scale(1.02);\r\n  box-shadow:0 10px 24px rgba(0,0,0,0.08);\r\n  color:#00a48f;\r\n  border-color:#00a48f;\r\n}\r\n\r\n.btn-sleek-tech:hover::after {\r\n  left:100%;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b85b9d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1b85b9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56bb6d8 elementor-widget elementor-widget-html\" data-id=\"56bb6d8\" 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<a style=\"text-decoration:none;\" class=\"btn-split\" href=\"#\">Apply Now<\/a>\r\n\r\n<style>\r\n.btn-split {\r\n  position:relative;\r\n  padding:14px 40px;\r\n  text-decoration:none;\r\n  font-weight:600;\r\n  font-size:15px;\r\n  color:#1b3c4d;\r\n  border:2px solid #1b3c4d;\r\n  border-radius:12px;\r\n  overflow:hidden;\r\n  transition:.25s ease;\r\n}\r\n\r\n.btn-split::before {\r\n     border:2px solid #1b3c4d;\r\n  border-radius:12px;\r\n     padding:14px 40px;\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:-100%;\r\n  width:100%;\r\n  height:100%;\r\n  background:#1b3c4d;\r\n  transition:.35s ease;\r\n}\r\n\r\n.btn-split:hover::before {\r\n  left:0;\r\n}\r\n\r\n.btn-split:hover {\r\n  color:#444;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-963bb0b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"963bb0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a69605 elementor-widget elementor-widget-html\" data-id=\"0a69605\" 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<a style=\"text-decoration:none;\" class=\"btn-executive\" href=\"#\">Discover More<\/a>\r\n\r\n<style>\r\n.btn-executive {\r\n  position:relative;\r\n  padding:14px 46px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  letter-spacing:0.4px;\r\n  color:#1f2a33;\r\n  text-decoration:none;\r\n  border:2px solid #1f2a33;\r\n  border-radius:14px;\r\n  background:white;\r\n  transition:.32s ease;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* Thin gold stroke *\/\r\n.btn-executive::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:0; left:0;\r\n  width:100%;\r\n  height:2px;\r\n  background:linear-gradient(90deg, #c8a754, #e8d18f);\r\n  transform:translateX(-100%);\r\n  transition:.35s ease;\r\n}\r\n\r\n.btn-executive:hover::before {\r\n  transform:translateX(0);\r\n}\r\n\r\n.btn-executive:hover {\r\n  border-color:#c8a754;\r\n  color:#c8a754;\r\n  box-shadow:0 6px 18px rgba(200,167,84,0.25);\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26286e7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"26286e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9999133 elementor-widget elementor-widget-html\" data-id=\"9999133\" 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<a style=\"text-decoration:none;\" class=\"btn-fusion\" href=\"#\">\r\n  View Services\r\n<\/a>\r\n\r\n<style>\r\n.btn-fusion {\r\n  position:relative;\r\n  padding:14px 48px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  color:#0f2426;\r\n  letter-spacing:0.35px;\r\n  border:2px solid #0f2426;\r\n  border-radius:14px;\r\n  background:white;\r\n  text-decoration:none;\r\n  overflow:hidden;\r\n  transition:.28s ease;\r\n}\r\n\r\n\/* Dual sweep: gold + teal *\/\r\n.btn-fusion::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; left:-120%;\r\n  width:100%; height:100%;\r\n  background:linear-gradient(90deg,\r\n    rgba(0,195,165,0.18),\r\n    rgba(200,167,84,0.25),\r\n    rgba(0,195,165,0.18)\r\n  );\r\n  transition:.45s cubic-bezier(.2,.8,.25,1);\r\n}\r\n\r\n.btn-fusion:hover::after {\r\n  left:120%;\r\n}\r\n\r\n.btn-fusion:hover {\r\n  border-color:#00a48f;\r\n  color:#00a48f;\r\n  box-shadow:\r\n    0 6px 18px rgba(0,164,143,0.22),\r\n    inset 0 0 12px rgba(200,167,84,0.35);\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88f4da0 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"88f4da0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4208239 elementor-widget elementor-widget-html\" data-id=\"4208239\" 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<a style=\"text-decoration:none;\" class=\"btn-blackops\" href=\"#\">Services<\/a>\r\n\r\n<style>\r\n.btn-blackops {\r\n  position: relative;\r\n  padding: 14px 34px;\r\n  font-size: 16px;\r\n  color: #e5e5e5;\r\n  background: #0f0f10;\r\n  border-radius: 14px;\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  backdrop-filter: blur(6px);\r\n  text-decoration: none;\r\n  letter-spacing: 0.4px;\r\n  overflow: hidden;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n\/* Subtle breathing edge *\/\r\n.btn-blackops::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: inherit;\r\n  padding: 1px;\r\n  background: \r\n    linear-gradient(\r\n      135deg, \r\n      rgba(255,255,255,0.15), \r\n      rgba(255,255,255,0.03), \r\n      rgba(255,255,255,0.12)\r\n    );\r\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n  -webkit-mask-composite: xor;\r\n  mask-composite: exclude;\r\n  animation: breathe 4s ease-in-out infinite;\r\n}\r\n\r\n\/* Chrome streak on hover *\/\r\n.btn-blackops::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; left: -120%;\r\n  width: 80%; height: 100%;\r\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.25), transparent);\r\n  transform: skewX(-25deg);\r\n  transition: 0.45s ease;\r\n}\r\n\r\n\/* Hover *\/\r\n.btn-blackops:hover {\r\n  color: #fff;\r\n  border-color: rgba(255,255,255,0.25);\r\n}\r\n\r\n.btn-blackops:hover::after {\r\n  left: 140%;\r\n}\r\n\r\n@keyframes breathe {\r\n  0% { opacity: 0.3; }\r\n  50% { opacity: 0.65; }\r\n  100% { opacity: 0.3; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd3fee4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"cd3fee4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b8f25c elementor-widget elementor-widget-html\" data-id=\"3b8f25c\" 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<a style=\"text-decoration:none;\"  class=\"btn-neotech\" href=\"#\">Services<\/a>\r\n\r\n<style>\r\n.btn-neotech {\r\n  position: relative;\r\n  padding: 12px 32px;\r\n  color: #d3d3d3;\r\n  font-weight: 500;\r\n  background: #0a0a0d;\r\n  border: 1px solid rgba(255,255,255,0.10);\r\n  border-radius: 10px;\r\n  text-decoration: none;\r\n  overflow: hidden;\r\n  letter-spacing: 0.3px;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n\/* Neon edge *\/\r\n.btn-neotech::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: inherit;\r\n  padding: 1px;\r\n  background: linear-gradient(90deg, #00c8ff, #7b5bff);\r\n  opacity: 0.25;\r\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n  -webkit-mask-composite: xor;\r\n  mask-composite: exclude;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n\/* Hover - neon intensifies *\/\r\n.btn-neotech:hover::before {\r\n  opacity: 0.85;\r\n}\r\n\r\n\/* Micro electric scan line *\/\r\n.btn-neotech::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; left: -100%;\r\n  width: 60%; height: 100%;\r\n  background: linear-gradient(\r\n    105deg,\r\n    transparent,\r\n    rgba(0,200,255,0.45),\r\n    transparent\r\n  );\r\n  transition: 0.5s ease;\r\n}\r\n\r\n.btn-neotech:hover::after {\r\n  left: 150%;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8db7026 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"8db7026\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50cc465 elementor-widget elementor-widget-html\" data-id=\"50cc465\" 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<a style=\"text-decoration:none;\"  class=\"btn-blackops\" href=\"#\">Services<\/a>\r\n\r\n<style>\r\n.btn-blackops {\r\n  position: relative;\r\n  padding: 14px 38px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: #e6e6e6;\r\n  background: #0d0d0e;\r\n  border-radius: 14px;\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  text-decoration: none;\r\n  letter-spacing: 0.45px;\r\n  backdrop-filter: blur(6px);\r\n  overflow: hidden;\r\n  transition: 0.28s ease;\r\n}\r\n\r\n\/* Breathing border *\/\r\n.btn-blackops::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  padding: 1px;\r\n  border-radius: inherit;\r\n  background: conic-gradient(\r\n    rgba(255,255,255,0.15),\r\n    rgba(255,255,255,0.03),\r\n    rgba(255,255,255,0.20),\r\n    rgba(255,255,255,0.05),\r\n    rgba(255,255,255,0.15)\r\n  );\r\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n  -webkit-mask-composite: xor;\r\n  mask-composite: exclude;\r\n  animation: borderbreath 4s ease-in-out infinite;\r\n  opacity: 0.55;\r\n}\r\n\r\n\/* Chrome sheen (left-to-right) *\/\r\n.btn-blackops::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; \r\n  left: -150%;\r\n  width: 120%; \r\n  height: 100%;\r\n  background: linear-gradient(\r\n    115deg,\r\n    transparent 0%,\r\n    rgba(255,255,255,0.15) 45%,\r\n    rgba(255,255,255,0.28) 50%,\r\n    rgba(255,255,255,0.12) 55%,\r\n    transparent 100%\r\n  );\r\n  transform: skewX(-25deg);\r\n  transition: 0.7s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n\r\n\/* Hover *\/\r\n.btn-blackops:hover {\r\n  border-color: rgba(255,255,255,0.22);\r\n  color: #fff;\r\n}\r\n\r\n\/* Hover sheen movement *\/\r\n.btn-blackops:hover::after {\r\n  left: 150%;\r\n}\r\n\r\n\/* Breathing glow *\/\r\n@keyframes borderbreath {\r\n  0% { opacity: 0.35; }\r\n  50% { opacity: 0.90; }\r\n  100% { opacity: 0.35; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-805e581 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"805e581\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f9f26b elementor-widget elementor-widget-html\" data-id=\"5f9f26b\" 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<a style=\"text-decoration:none;\" class=\"btn-chrome-jitter\" href=\"#\">Services<\/a>\r\n\r\n<style>\r\n.btn-chrome-jitter {\r\n  position: relative;\r\n  padding: 14px 42px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  background: #0d0d0e;\r\n  color: #ececec;\r\n  border-radius: 14px;\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  text-decoration: none;\r\n  letter-spacing: 0.5px;\r\n  overflow: hidden;\r\n  backdrop-filter: blur(6px);\r\n  transition: .25s ease-out;\r\n}\r\n\r\n\/* triple streak base *\/\r\n.btn-chrome-jitter .streak {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -160%;\r\n  width: 130%;\r\n  height: 100%;\r\n  background: linear-gradient(\r\n    115deg,\r\n    transparent 0%,\r\n    rgba(200,220,255,0.15) 45%,\r\n    rgba(255,255,255,0.35) 50%,\r\n    rgba(200,220,255,0.15) 55%,\r\n    transparent 100%\r\n  );\r\n  transform: skewX(-25deg);\r\n  pointer-events: none;\r\n  opacity: .55;\r\n  transition: 0.8s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n\r\n\/* stagger offsets *\/\r\n.btn-chrome-jitter .streak:nth-child(1) { top: 0%;   opacity: .65; }\r\n.btn-chrome-jitter .streak:nth-child(2) { top: 34%;  opacity: .45; transition-delay: .12s; }\r\n.btn-chrome-jitter .streak:nth-child(3) { top: 68%;  opacity: .35; transition-delay: .22s; }\r\n\r\n\/* hover: streak sweep *\/\r\n.btn-chrome-jitter:hover .streak {\r\n  left: 160%;\r\n}\r\n\r\n\/* ------------ KINETIC CHROME JITTER ------------ *\/\r\n\/* streaks jitter ONLY on hover *\/\r\n\r\n.btn-chrome-jitter:hover .streak {\r\n  animation: chromeSweep 0.8s ease forwards,\r\n             chromeJitter 95ms infinite alternate ease-in-out;\r\n}\r\n\r\n\/* micro-jitter keyframes *\/\r\n@keyframes chromeJitter {\r\n  0%   { transform: skewX(-25deg) translateX(0px)   scaleX(1);    }\r\n  30%  { transform: skewX(-25deg) translateX(-0.6px) scaleX(1.004);}\r\n  60%  { transform: skewX(-25deg) translateX(0.4px) scaleX(0.998);}\r\n  100% { transform: skewX(-25deg) translateX(-0.2px) scaleX(1.002);}\r\n}\r\n\r\n\/* main sweep motion *\/\r\n@keyframes chromeSweep {\r\n  0% { left: -160%; }\r\n  100% { left: 160%; }\r\n}\r\n\r\n\/* subtle lift *\/\r\n.btn-chrome-jitter:hover {\r\n  color: #fff;\r\n  border-color: rgba(255,255,255,0.22);\r\n  transform: translateY(-1px);\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* auto-inject streaks *\/\r\ndocument.querySelectorAll('.btn-chrome-jitter').forEach(btn => {\r\n  for (let i = 0; i < 3; i++) {\r\n    const streak = document.createElement(\"div\");\r\n    streak.className = \"streak\";\r\n    btn.appendChild(streak);\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1babd2d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1babd2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb76f96 elementor-widget elementor-widget-html\" data-id=\"eb76f96\" 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<a style=\"text-decoration:none;\" class=\"liquid-btn\" href=\"#\">Services<\/a>\r\n\r\n<style>\r\n.liquid-btn {\r\n  position: relative;\r\n  padding: 14px 42px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  border-radius: 16px;\r\n  text-decoration: none;\r\n  color: #1e3a4c;\r\n  background: #ffffff;\r\n  border: 2px solid #d8e2ea;\r\n  overflow: hidden;\r\n  transition: .28s ease;\r\n}\r\n\r\n\/* liquid layer *\/\r\n.liquid-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -20% -40%;\r\n  background: \r\n    radial-gradient(circle at 30% 30%, rgba(0,150,255,0.15), transparent 60%),\r\n    radial-gradient(circle at 70% 60%, rgba(255,100,200,0.18), transparent 65%),\r\n    linear-gradient(120deg, rgba(255,255,255,0.6), rgba(180,210,255,0.4), rgba(255,255,255,0.6));\r\n  filter: blur(16px);\r\n  transform: translateX(-20%) rotate(0deg);\r\n  opacity: 0.65;\r\n  transition: opacity .3s ease;\r\n}\r\n\r\n\/* liquid motion *\/\r\n.liquid-btn:hover::before {\r\n  animation: liquidFlow 2.4s ease-in-out infinite;\r\n  opacity: 0.9;\r\n}\r\n\r\n@keyframes liquidFlow {\r\n  0% {\r\n    transform: translateX(-20%) rotate(0deg) scale(1);\r\n  }\r\n  50% {\r\n    transform: translateX(20%) rotate(8deg) scale(1.03);\r\n  }\r\n  100% {\r\n    transform: translateX(-20%) rotate(0deg) scale(1);\r\n  }\r\n}\r\n\r\n\/* text effect *\/\r\n.liquid-btn:hover {\r\n  color: #0a4a68;\r\n  border-color: #bcd4e5;\r\n  box-shadow: 0 4px 10px rgba(80,120,160,0.18);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* micro-gloss on hover *\/\r\n.liquid-btn::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:-100%;\r\n  width:120%;\r\n  height:100%;\r\n  background: linear-gradient(\r\n    115deg,\r\n    rgba(255,255,255,0) 0%,\r\n    rgba(255,255,255,0.4) 45%,\r\n    rgba(255,255,255,0.7) 50%,\r\n    rgba(255,255,255,0.4) 55%,\r\n    rgba(255,255,255,0) 100%\r\n  );\r\n  opacity: 0;\r\n}\r\n\r\n.liquid-btn:hover::after {\r\n  opacity: 1;\r\n  animation: glossMove 0.9s ease forwards;\r\n}\r\n\r\n@keyframes glossMove {\r\n  0% { left: -120%; }\r\n  100% { left: 120%; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-853e944 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"853e944\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10d5e9e elementor-widget elementor-widget-html\" data-id=\"10d5e9e\" 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<a style=\"text-decoration:none;\" class=\"liquid-drop-btn\" href=\"#\">\r\n    <span class=\"txt\">Services<\/span>\r\n    <span class=\"drops\">\r\n        <span class=\"drop d1\"><\/span>\r\n        <span class=\"drop d2\"><\/span>\r\n        <span class=\"drop d3\"><\/span>\r\n        <span class=\"drop d4\"><\/span>\r\n        <span class=\"drop d5\"><\/span>\r\n    <\/span>\r\n<\/a>\r\n\r\n\r\n<style>\r\n    .liquid-drop-btn {\r\n  position: relative;\r\n  padding: 14px 42px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  text-decoration: none;\r\n  border-radius: 18px;\r\n  background: #ffffff;\r\n  border: 2px solid #d8e2ea;\r\n  color: #1e3a4c;\r\n  overflow: hidden;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  transition: 0.28s ease;\r\n}\r\n\r\n\/* Text always above droplets *\/\r\n.liquid-drop-btn .txt {\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n\/* Container for droplets *\/\r\n.liquid-drop-btn .drops {\r\n  position: absolute;\r\n  inset: 0;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Generic droplet style *\/\r\n.liquid-drop-btn .drop {\r\n  position: absolute;\r\n  width: 18px;\r\n  height: 18px;\r\n  background: radial-gradient(circle, rgba(150,180,255,0.55), rgba(255,255,255,0.3));\r\n  border-radius: 50%;\r\n  filter: blur(3px);\r\n  animation: float 5s infinite ease-in-out;\r\n  opacity: 0.75;\r\n}\r\n\r\n\/* Each droplet position + speed *\/\r\n.d1 { left: 15%; top: 40%; animation-duration: 6s; width: 16px; height: 16px; }\r\n.d2 { left: 55%; top: 65%; animation-duration: 5.5s; }\r\n.d3 { left: 75%; top: 30%; animation-duration: 7s; width: 14px; height: 14px; }\r\n.d4 { left: 35%; top: 20%; animation-duration: 6.5s; }\r\n.d5 { left: 50%; top: 45%; animation-duration: 8s; width: 12px; height: 12px; }\r\n\r\n\/* Floating animation *\/\r\n@keyframes float {\r\n  0%   { transform: translateY(0) translateX(0) scale(1); }\r\n  25%  { transform: translateY(-6px) translateX(3px) scale(1.05); }\r\n  50%  { transform: translateY(0) translateX(6px) scale(1); }\r\n  75%  { transform: translateY(6px) translateX(-3px) scale(0.97); }\r\n  100% { transform: translateY(0) translateX(0) scale(1); }\r\n}\r\n\r\n\/* Hover: slight lift *\/\r\n.liquid-drop-btn:hover {\r\n  border-color: #bcd4e5;\r\n  box-shadow: 0 4px 10px rgba(90,120,160,0.18);\r\n  transform: translateY(-1px);\r\n  color: #0a4a68;\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a615020 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a615020\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-189c605 elementor-widget elementor-widget-html\" data-id=\"189c605\" 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<!-- LIQUID DROPLETS: faster + swirl on hover + scatter on click -->\r\n<a style=\"text-decoration:none;\" href=\"\/services\" class=\"liquid-btn-v2\" id=\"liquidBtn\">\r\n  <span class=\"txt\">Services<\/span>\r\n  <div class=\"drops-layer\" aria-hidden=\"true\"><\/div>\r\n<\/a>\r\n\r\n<style>\r\n\/* Button base *\/\r\n.liquid-btn-v2 {\r\n  --btn-h: 56px;\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0 40px;\r\n  height: var(--btn-h);\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #0d3b4a;\r\n  background: linear-gradient(135deg,#ffffff,#f7fbff);\r\n  border: 2px solid #d6e6ef;\r\n  border-radius: 18px;\r\n  text-decoration: none;\r\n  overflow: hidden;\r\n  box-shadow: 0 6px 18px rgba(15,40,50,0.06);\r\n}\r\n\r\n\/* text above drops *\/\r\n.liquid-btn-v2 .txt { position: relative; z-index: 4; pointer-events: none; }\r\n\r\n\/* container for drops *\/\r\n.liquid-btn-v2 .drops-layer {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* individual drop base style (JS will size\/position) *\/\r\n.liquid-drop {\r\n  position: absolute;\r\n  left: 0; top: 0;\r\n  width: 18px; height: 18px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.95), rgba(180,205,255,0.55) 45%, rgba(120,160,200,0.14) 70%);\r\n  filter: blur(1.2px) saturate(1.05);\r\n  transform: translate3d(0,0,0) scale(1);\r\n  will-change: transform, opacity;\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* visual depth (backplate) *\/\r\n.liquid-btn-v2::before{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background: radial-gradient(circle at 30% 10%, rgba(255,255,255,0.5), rgba(255,255,255,0.05) 20%, rgba(220,235,250,0.02) 60%);\r\n  z-index:1;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* optional hover micro-lift for button *\/\r\n.liquid-btn-v2:hover { transform: translateY(-2px); transition: transform .18s ease; box-shadow: 0 10px 28px rgba(15,40,50,0.08); }\r\n\r\n\/* reduce motion for \"prefers-reduced-motion\" users *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .liquid-drop { transition: none !important; animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const BTN = document.getElementById('liquidBtn');\r\n  const LAYER = BTN.querySelector('.drops-layer');\r\n\r\n  const DROPLET_COUNT = 7;            \/\/ number of drops\r\n  const W = BTN.clientWidth;\r\n  const H = BTN.clientHeight;\r\n\r\n  \/\/ Parameters: adjust for speed\/feel\r\n  const BASE_SPEED = 0.22;            \/\/ baseline velocity multiplier\r\n  const NOISE = 0.4;                  \/\/ random jitter strength\r\n  const SWIRL_STRENGTH = 0.85;        \/\/ how strong swirl is on hover\r\n  const SWIRL_SPEED_MULT = 2.4;       \/\/ speed multiplier during swirl\r\n  const SCATTER_IMPULSE = 8;          \/\/ scatter impulse on click\r\n\r\n  \/\/ store droplets\r\n  const drops = [];\r\n\r\n  \/\/ helper random\r\n  const R = (a,b)=> (Math.random()*(b-a)+a);\r\n\r\n  \/\/ create drop elements with random size + initial position inside bounds\r\n  for(let i=0;i<DROPLET_COUNT;i++){\r\n    const el = document.createElement('span');\r\n    el.className = 'liquid-drop';\r\n    const size = Math.round(R(10,28)); \/\/ px\r\n    el.style.width = size + 'px';\r\n    el.style.height = size + 'px';\r\n\r\n    \/\/ initial center-ish placement\r\n    const x = R(W*0.12, W*0.88);\r\n    const y = R(H*0.12, H*0.88);\r\n\r\n    LAYER.appendChild(el);\r\n\r\n    drops.push({\r\n      el,\r\n      x, y,\r\n      vx: R(-0.3,0.3), \/\/ initial small velocity\r\n      vy: R(-0.2,0.2),\r\n      size,\r\n      mass: size*0.06\r\n    });\r\n  }\r\n\r\n  \/\/ responsive update on resize\r\n  function refreshBounds(){\r\n    box = BTN.getBoundingClientRect();\r\n    W = box.width; H = box.height;\r\n  }\r\n\r\n  \/\/ state flags\r\n  let isHover = false;\r\n  let lastTime = null;\r\n\r\n  \/\/ utility: clamp\r\n  const clamp = (v,a,b)=> Math.max(a, Math.min(b, v));\r\n\r\n  \/\/ main animation loop\r\n  function tick(ts){\r\n    if(!lastTime) lastTime = ts;\r\n    const dt = Math.min(40, ts - lastTime) \/ 16.666; \/\/ normalized ~60fps units\r\n    lastTime = ts;\r\n\r\n    \/\/ center coords used for swirl\r\n    const rect = BTN.getBoundingClientRect();\r\n    const cx = rect.width \/ 2;\r\n    const cy = rect.height \/ 2;\r\n\r\n    for(let i=0;i<drops.length;i++){\r\n      const d = drops[i];\r\n\r\n      \/\/ apply random subtle noise (liquid thermal jitter)\r\n      d.vx += (Math.random()*2-1) * NOISE * 0.02 * dt;\r\n      d.vy += (Math.random()*2-1) * NOISE * 0.014 * dt;\r\n\r\n      \/\/ baseline attract to center very softly (keeps drops inside)\r\n      const ax = (cx - d.x) * 0.0008 * dt;\r\n      const ay = (cy - d.y) * 0.0006 * dt;\r\n      d.vx += ax; d.vy += ay;\r\n\r\n      \/\/ if hovered -> add swirl force (perp to radius)\r\n      if(isHover){\r\n        const rx = d.x - cx;\r\n        const ry = d.y - cy;\r\n        \/\/ perpendicular vector (clockwise)\r\n        let perpX = ry, perpY = -rx;\r\n        \/\/ normalize\r\n        const mag = Math.hypot(perpX, perpY) || 1;\r\n        perpX \/= mag; perpY \/= mag;\r\n        const swirl = SWIRL_STRENGTH * SWIRL_SPEED_MULT * (1 + (d.size\/24));\r\n        d.vx += perpX * swirl * 0.02 * dt;\r\n        d.vy += perpY * swirl * 0.02 * dt;\r\n        \/\/ slightly increase speed\r\n        d.vx *= 0.995; d.vy *= 0.995;\r\n      } else {\r\n        \/\/ gentle damping when not hovered\r\n        d.vx *= 0.985; d.vy *= 0.985;\r\n      }\r\n\r\n      \/\/ integrate\r\n      d.x += d.vx * BASE_SPEED * dt * (isHover? 1.8 : 1.0);\r\n      d.y += d.vy * BASE_SPEED * dt * (isHover? 1.8 : 1.0);\r\n\r\n      \/\/ wall collisions (bounce softly inside button bounds)\r\n      const pad = Math.max(6, d.size\/2 + 4);\r\n      if(d.x < pad){ d.x = pad; d.vx = Math.abs(d.vx)*0.45; }\r\n      if(d.x > rect.width - pad){ d.x = rect.width - pad; d.vx = -Math.abs(d.vx)*0.45; }\r\n      if(d.y < pad){ d.y = pad; d.vy = Math.abs(d.vy)*0.45; }\r\n      if(d.y > rect.height - pad){ d.y = rect.height - pad; d.vy = -Math.abs(d.vy)*0.45; }\r\n\r\n      \/\/ small inter-droplet repulsion to avoid perfect overlap (keeps liquid feel)\r\n      for(let j=i+1;j<drops.length;j++){\r\n        const d2 = drops[j];\r\n        let dx = d2.x - d.x, dy = d2.y - d.y;\r\n        let dist = Math.hypot(dx,dy);\r\n        const minDist = (d.size + d2.size)\/2 * 0.92;\r\n        if(dist < minDist && dist > 0.1){\r\n          const overlap = (minDist - dist) \/ dist * 0.12 * dt;\r\n          dx *= overlap; dy *= overlap;\r\n          d2.x += dx; d2.y += dy;\r\n          d.x -= dx; d.y -= dy;\r\n          \/\/ transfer small velocities\r\n          d.vx -= dx*0.02; d.vy -= dy*0.02;\r\n          d2.vx += dx*0.02; d2.vy += dy*0.02;\r\n        }\r\n      }\r\n\r\n      \/\/ visual transform update\r\n      const sx = 1 + (d.vx*0.08);\r\n      const sy = 1 - (Math.abs(d.vy)*0.03);\r\n      d.el.style.transform = `translate3d(${d.x - d.size\/2}px, ${d.y - d.size\/2}px, 0) scale(${clamp(sx,0.92,1.08)})`;\r\n      \/\/ slight sheen\/opacity variation based on vy\r\n      d.el.style.opacity = `${clamp(0.6 + Math.abs(d.vy)*0.12, 0.55, 1)}`;\r\n    }\r\n\r\n    requestAnimationFrame(tick);\r\n  }\r\n\r\n  \/\/ start loop\r\n  requestAnimationFrame(tick);\r\n\r\n  \/\/ events: hover = swirl, click = scatter\r\n  BTN.addEventListener('mouseenter', ()=> { isHover = true; });\r\n  BTN.addEventListener('mouseleave', ()=> { isHover = false; });\r\n\r\n  BTN.addEventListener('click', (e)=>{\r\n    \/\/ scatter: give outward impulse from click point\r\n    const rect = BTN.getBoundingClientRect();\r\n    const cx = e.clientX - rect.left;\r\n    const cy = e.clientY - rect.top;\r\n    drops.forEach(d=>{\r\n      let dx = d.x - cx, dy = d.y - cy;\r\n      let dist = Math.hypot(dx,dy) || 1;\r\n      const nx = dx\/dist, ny = dy\/dist;\r\n      \/\/ impulse scaled by size\r\n      const impulse = SCATTER_IMPULSE * (0.65 + Math.random()*0.7);\r\n      d.vx += nx * impulse * (0.06 + Math.random()*0.06);\r\n      d.vy += ny * impulse * (0.05 + Math.random()*0.06);\r\n    });\r\n  });\r\n\r\n  \/\/ reposition drops if button resizes (basic)\r\n  window.addEventListener('resize', ()=>{\r\n    const r = BTN.getBoundingClientRect();\r\n    for(let i=0;i<drops.length;i++){\r\n      drops[i].x = clamp(drops[i].x, 12, r.width - 12);\r\n      drops[i].y = clamp(drops[i].y, 12, r.height - 12);\r\n    }\r\n  });\r\n\r\n  \/\/ ensure drops use latest DOM sizes initially\r\n  (function placeInitial(){\r\n    const rect = BTN.getBoundingClientRect();\r\n    for(const d of drops){\r\n      d.x = R(rect.width*0.15, rect.width*0.85);\r\n      d.y = R(rect.height*0.15, rect.height*0.85);\r\n      d.el.style.transform = `translate3d(${d.x - d.size\/2}px, ${d.y - d.size\/2}px,0)`;\r\n    }\r\n  })();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7335244 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"7335244\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c19f047 elementor-widget elementor-widget-html\" data-id=\"c19f047\" 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<a style=\"text-decoration:none;\" href=\"\/services\" class=\"tube-btna\">\r\n  <span class=\"btn-texta\">Services<\/span>\r\n  <div class=\"liquida\"><\/div>\r\n<\/a>\r\n\r\n<style>\r\n\/* Button tube base *\/\r\n.tube-btna {\r\n  position: relative;\r\n  display: inline-block;\r\n  padding: 0 30px;\r\n  height: 60px;\r\n  line-height: 60px;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  color: #fff;\r\n  background: #0e2c3d; \/* tube exterior *\/\r\n  border-radius: 30px;  \/* rounded ends *\/\r\n  overflow: hidden;\r\n  text-decoration: none;\r\n}\r\n\r\n\/* Button text above liquid *\/\r\n.tube-btna .btn-texta {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Liquid inside the tube *\/\r\n.tube-btna .liquida {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 200%; \/* double width for wave loop *\/\r\n  height: 50%; \/* half-filled *\/\r\n  background: linear-gradient(135deg, #3abf7f 40%, #28a36e 60%);\r\n  border-radius: 50% 50% 0 0; \/* rounded top like curved liquid *\/\r\n  z-index: 1;\r\n  animation: wave 5s linear infinite;\r\n}\r\n\r\n\/* Wave movement: left-right *\/\r\n@keyframes wave {\r\n  0% { transform: translateX(-50%) translateY(0%) rotate(0deg) skewX(0deg); }\r\n  25% { transform: translateX(-45%) translateY(-2%) rotate(0deg) skewX(3deg); }\r\n  50% { transform: translateX(-40%) translateY(0%) rotate(0deg) skewX(0deg); }\r\n  75% { transform: translateX(-45%) translateY(2%) rotate(0deg) skewX(-3deg); }\r\n  100% { transform: translateX(-50%) translateY(0%) rotate(0deg) skewX(0deg); }\r\n}\r\n\r\n\/* Optional hover sheen *\/\r\n.tube-btna:hover::before {\r\n  content:'';\r\n  position:absolute;\r\n  top:0; left:0; right:0; bottom:0;\r\n  background: linear-gradient(120deg, rgba(255,255,255,0.18), rgba(255,255,255,0) 60%);\r\n  z-index:3;\r\n  pointer-events:none;\r\n  animation: sheen 1.5s linear infinite;\r\n  color: #444444;\r\n}\r\n\r\n@keyframes sheen {\r\n  0% { transform: translateX(-100%) skewX(-20deg); }\r\n  100% { transform: translateX(200%) skewX(-20deg); }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3736f37 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3736f37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce040f3 elementor-widget elementor-widget-html\" data-id=\"ce040f3\" 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<div class=\"tube-container\">\r\n  <svg viewBox=\"0 0 200 80\" class=\"tube-svg\">\r\n    <defs>\r\n      <clipPath id=\"tubeClip\">\r\n        <rect x=\"0\" y=\"0\" width=\"200\" height=\"80\" rx=\"40\" ry=\"40\" \/>\r\n      <\/clipPath>\r\n    <\/defs>\r\n    <rect x=\"0\" y=\"0\" width=\"200\" height=\"80\" rx=\"40\" ry=\"40\" fill=\"#0e2c3d\" \/>\r\n    <path id=\"liquid\" clip-path=\"url(#tubeClip)\" fill=\"#28a36e\" \/>\r\n  <\/svg>\r\n  <span class=\"tube-text\">Services<\/span>\r\n<\/div>\r\n\r\n<style>\r\n.tube-container {\r\n  position: relative;\r\n  width: 200px;\r\n  height: 80px;\r\n  display: inline-block;\r\n}\r\n.tube-text {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  line-height: 80px;\r\n  text-align: center;\r\n  font-weight: 600;\r\n  font-size: 18px;\r\n  color: #fff;\r\n  pointer-events: none;\r\n}\r\n.tube-svg {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.tube-container:hover .tube-text {\r\n  color: #d4ffdf;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\nconst path = document.getElementById('liquid');\r\nconst width = 200;\r\nconst height = 80;\r\nconst fillPercent = 0.55; \/\/ 55%\r\nconst amplitude = 3; \/\/ wave height\r\nconst frequency = 0.03;\r\nlet offset = 0;\r\n\r\nfunction drawWave() {\r\n  let yOffset = height * (1 - fillPercent);\r\n  let pathData = `M 0 ${height} `;\r\n  for (let x = 0; x <= width; x++) {\r\n    let y = yOffset + Math.sin((x + offset) * frequency) * amplitude;\r\n    pathData += `L ${x} ${y} `;\r\n  }\r\n  pathData += `L ${width} ${height} L 0 ${height} Z`;\r\n  path.setAttribute('d', pathData);\r\n  offset += 2;\r\n  requestAnimationFrame(drawWave);\r\n}\r\n\r\ndrawWave();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c85898 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4c85898\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98048d7 elementor-widget elementor-widget-html\" data-id=\"98048d7\" 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<style>\r\nbody {\r\n    background: #0a0f1a;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 100vh;\r\n    font-family: sans-serif;\r\n}\r\n\r\n.liquid-btn {\r\n    position: relative;\r\n    width: 200px;\r\n    height: 80px;\r\n    border-radius: 50px;\r\n    overflow: hidden;\r\n    border: 3px solid rgba(255,255,255,0.4);\r\n    cursor: pointer;\r\n    background: rgba(255,255,255,0.05);\r\n}\r\n\r\n.liquid {\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: auto;\r\n    height: auto;\r\n    overflow: hidden;\r\n}\r\n\r\n.wave {\r\n    position: absolute;\r\n    width: auto;\r\n    height: auto;\r\n    left: -50%;\r\n    bottom: -50%;\r\n    background: linear-gradient(135deg, #2ae, #15a);\r\n    border-radius: 40%;\r\n    animation: waveMove 4s linear infinite;\r\n}\r\n\r\n@keyframes waveMove {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.bubble {\r\n    position: absolute;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.4);\r\n    bottom: 10px;\r\n    animation: bubbleUp 3s infinite ease-in;\r\n    opacity: 0.6;\r\n}\r\n\r\n@keyframes bubbleUp {\r\n    0% { transform: translateY(0) scale(1); opacity: 0.6; }\r\n    100% { transform: translateY(-150px) scale(0.3); opacity: 0; }\r\n}\r\n\r\n.btn-text {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: white;\r\n    font-size: 22px;\r\n    font-weight: bold;\r\n    pointer-events: none;\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"liquid-btn\" id=\"btn\">\r\n    <div class=\"liquid\">\r\n        <div class=\"wave\"><\/div>\r\n        <div class=\"btn-text\">Services<\/div>\r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<script>\r\nconst btn = document.getElementById(\"btn\");\r\n\r\n\/\/ generate micro-bubbles\r\nfor (let i = 0; i < 150; i++) {\r\n    const b = document.createElement(\"div\");\r\n    b.className = \"bubble\";\r\n    b.style.left = Math.random() * 90 + \"%\";\r\n    b.style.animationDelay = (Math.random() * 3) + \"s\";\r\n    b.style.animationDuration = (2 + Math.random() * 5) + \"s\";\r\n    btn.appendChild(b);\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d55618f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"d55618f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57dbfaf elementor-widget elementor-widget-html\" data-id=\"57dbfaf\" 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<style>\r\nbody {\r\n    background: #0a0f1a;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 100vh;\r\n    font-family: sans-serif;\r\n}\r\n\r\n.liquid-btn {\r\n    position: relative;\r\n    width: 260px;\r\n    height: 80px;\r\n    border-radius: 50px;\r\n    overflow: hidden;\r\n    border: 3px solid rgba(255,255,255,0.4);\r\n    cursor: pointer;\r\n    background: rgba(255,255,255,0.05);\r\n}\r\n\r\n.liquid {\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 55%;\r\n    overflow: hidden;\r\n}\r\n\r\n.wave {\r\n    position: absolute;\r\n    width: 200%;\r\n    height: 200%;\r\n    left: -50%;\r\n    bottom: -50%;\r\n    background: linear-gradient(135deg, #2ae, #15a);\r\n    border-radius: 40%;\r\n    animation: waveMove 4s linear infinite;\r\n}\r\n\r\n@keyframes waveMove {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.bubble {\r\n    position: absolute;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.4);\r\n    bottom: 10px;\r\n    animation: bubbleUp 3s infinite ease-in;\r\n    opacity: 0.6;\r\n}\r\n\r\n@keyframes bubbleUp {\r\n    0% { transform: translateY(0) scale(1); opacity: 0.6; }\r\n    100% { transform: translateY(-150px) scale(0.3); opacity: 0; }\r\n}\r\n\r\n.btn-text {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: white;\r\n    font-size: 22px;\r\n    font-weight: bold;\r\n    pointer-events: none;\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"liquid-btn\" id=\"btn\">\r\n    <div class=\"liquid\">\r\n        <div class=\"wave\"><\/div>\r\n    <\/div>\r\n    <div class=\"btn-text\">Activate<\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst btn = document.getElementById(\"btn\");\r\n\r\n\/\/ generate micro-bubbles\r\nfor (let i = 0; i < 15; i++) {\r\n    const b = document.createElement(\"div\");\r\n    b.className = \"bubble\";\r\n    b.style.left = Math.random() * 90 + \"%\";\r\n    b.style.animationDelay = (Math.random() * 3) + \"s\";\r\n    b.style.animationDuration = (2 + Math.random() * 2) + \"s\";\r\n    btn.appendChild(b);\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a170238 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a170238\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>View Services \u2192 View Services \u2192 View Services \u2192 View Services View Services \u2192 View Services \u2192 View Services \u2192 View Services \u2192 Explore Services \u279c Explore Services \u279c Explore Services \u279c Explore Services \u279c View Services Explore Services Explore Services Explore Services Explore Services Explore Services Apply Now Discover More View Services Services Services Services Services Services Services Services Services Services Services Activate<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10056","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Components - NongHyup Finance Myanmar<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nhmyanmar.com\/my\/components\/\" \/>\n<meta property=\"og:locale\" content=\"my_MM\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Components - NongHyup Finance Myanmar\" \/>\n<meta property=\"og:description\" content=\"View Services \u2192 View Services \u2192 View Services \u2192 View Services View Services \u2192 View Services \u2192 View Services \u2192 View Services \u2192 Explore Services \u279c Explore Services \u279c Explore Services \u279c Explore Services \u279c View Services Explore Services Explore Services Explore Services Explore Services Explore Services Apply Now Discover More View Services Services Services Services Services Services Services Services Services Services Services Activate\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nhmyanmar.com\/my\/components\/\" \/>\n<meta property=\"og:site_name\" content=\"NongHyup Finance Myanmar\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T05:11:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nhmyanmar.com\\\/components\\\/\",\"url\":\"https:\\\/\\\/nhmyanmar.com\\\/components\\\/\",\"name\":\"Components - NongHyup Finance Myanmar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nhmyanmar.com\\\/#website\"},\"datePublished\":\"2025-11-27T05:02:22+00:00\",\"dateModified\":\"2025-12-01T05:11:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nhmyanmar.com\\\/components\\\/#breadcrumb\"},\"inLanguage\":\"my-MM\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nhmyanmar.com\\\/components\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nhmyanmar.com\\\/components\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nhmyanmar.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Components\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nhmyanmar.com\\\/#website\",\"url\":\"https:\\\/\\\/nhmyanmar.com\\\/\",\"name\":\"NongHyup Finance Myanmar\",\"description\":\"With You through Every Financial Moment\",\"publisher\":{\"@id\":\"https:\\\/\\\/nhmyanmar.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nhmyanmar.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"my-MM\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nhmyanmar.com\\\/#organization\",\"name\":\"NongHyup Finance Myanmar\",\"url\":\"https:\\\/\\\/nhmyanmar.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"my-MM\",\"@id\":\"https:\\\/\\\/nhmyanmar.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nhmyanmar.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/cyber_symbol-2-e1757745949154.gif\",\"contentUrl\":\"https:\\\/\\\/nhmyanmar.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/cyber_symbol-2-e1757745949154.gif\",\"width\":512,\"height\":365,\"caption\":\"NongHyup Finance Myanmar\"},\"image\":{\"@id\":\"https:\\\/\\\/nhmyanmar.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Components - NongHyup Finance Myanmar","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nhmyanmar.com\/my\/components\/","og_locale":"my_MM","og_type":"article","og_title":"Components - NongHyup Finance Myanmar","og_description":"View Services \u2192 View Services \u2192 View Services \u2192 View Services View Services \u2192 View Services \u2192 View Services \u2192 View Services \u2192 Explore Services \u279c Explore Services \u279c Explore Services \u279c Explore Services \u279c View Services Explore Services Explore Services Explore Services Explore Services Explore Services Apply Now Discover More View Services Services Services Services Services Services Services Services Services Services Services Activate","og_url":"https:\/\/nhmyanmar.com\/my\/components\/","og_site_name":"NongHyup Finance Myanmar","article_modified_time":"2025-12-01T05:11:08+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nhmyanmar.com\/components\/","url":"https:\/\/nhmyanmar.com\/components\/","name":"Components - NongHyup Finance Myanmar","isPartOf":{"@id":"https:\/\/nhmyanmar.com\/#website"},"datePublished":"2025-11-27T05:02:22+00:00","dateModified":"2025-12-01T05:11:08+00:00","breadcrumb":{"@id":"https:\/\/nhmyanmar.com\/components\/#breadcrumb"},"inLanguage":"my-MM","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nhmyanmar.com\/components\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nhmyanmar.com\/components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nhmyanmar.com\/"},{"@type":"ListItem","position":2,"name":"Components"}]},{"@type":"WebSite","@id":"https:\/\/nhmyanmar.com\/#website","url":"https:\/\/nhmyanmar.com\/","name":"\u1014\u102f\u1014\u103a\u1038\u101a\u1031\u102c\u1037\u1016\u103a\u1001\u103b\u1031\u1038\u1004\u103d\u1031\u101c\u102f\u1015\u103a\u1004\u1014\u103a\u1038","description":"\u1001\u103b\u1031\u1038\u1004\u103d\u1031\u1000\u102d\u1005\u1039\u1005\u1019\u103b\u102c\u1038 \u1021\u102c\u1038\u1011\u102c\u1038\u101b\u102c","publisher":{"@id":"https:\/\/nhmyanmar.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nhmyanmar.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"my-MM"},{"@type":"Organization","@id":"https:\/\/nhmyanmar.com\/#organization","name":"\u1014\u102f\u1014\u103a\u1038\u101a\u1031\u102c\u1037\u1016\u103a\u1001\u103b\u1031\u1038\u1004\u103d\u1031\u101c\u102f\u1015\u103a\u1004\u1014\u103a\u1038","url":"https:\/\/nhmyanmar.com\/","logo":{"@type":"ImageObject","inLanguage":"my-MM","@id":"https:\/\/nhmyanmar.com\/#\/schema\/logo\/image\/","url":"https:\/\/nhmyanmar.com\/wp-content\/uploads\/2025\/09\/cyber_symbol-2-e1757745949154.gif","contentUrl":"https:\/\/nhmyanmar.com\/wp-content\/uploads\/2025\/09\/cyber_symbol-2-e1757745949154.gif","width":512,"height":365,"caption":"NongHyup Finance Myanmar"},"image":{"@id":"https:\/\/nhmyanmar.com\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"nhmyanmar","author_link":"https:\/\/nhmyanmar.com\/my\/author\/nhmyanmar\/"},"uagb_comment_info":0,"uagb_excerpt":"View Services \u2192 View Services \u2192 View Services \u2192 View Services View Services \u2192 View Services \u2192 View Services \u2192 View Services \u2192 Explore Services \u279c Explore Services \u279c Explore Services \u279c Explore Services \u279c View Services Explore Services Explore Services Explore Services Explore Services Explore Services Apply Now Discover More View Services Services Services&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nhmyanmar.com\/my\/wp-json\/wp\/v2\/pages\/10056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nhmyanmar.com\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nhmyanmar.com\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nhmyanmar.com\/my\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nhmyanmar.com\/my\/wp-json\/wp\/v2\/comments?post=10056"}],"version-history":[{"count":164,"href":"https:\/\/nhmyanmar.com\/my\/wp-json\/wp\/v2\/pages\/10056\/revisions"}],"predecessor-version":[{"id":10273,"href":"https:\/\/nhmyanmar.com\/my\/wp-json\/wp\/v2\/pages\/10056\/revisions\/10273"}],"wp:attachment":[{"href":"https:\/\/nhmyanmar.com\/my\/wp-json\/wp\/v2\/media?parent=10056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}