- ID da verificação
- 37ccdc11-ee8d-46fe-8d6c-f34bbcd99dcaConcluído
- URL enviado:
- https://auramedical.sg/
- Relatório concluído:
Links · 10 encontrado(s)
Os links de saída identificados na página
| Link | Texto |
|---|---|
| https://wa.me/+6586666306 | WhatsApp / Call: +65 8666 6306 |
| https://linktr.ee/AURAinstagram | |
| https://linktr.ee/AURAfacebook | |
| https://linktr.ee/AURAtiktok | |
| https://www.xiaohongshu.com/user/profile/666908c40000000003031e7e?xhsshare=CopyLink&appuid=5edc8b5c000000000101e66d&apptime=1724749294 | |
| https://www.instagram.com/drkarensoh/ | Follow Dr Karen Soh |
| https://maps.app.goo.gl/SQkT9kEfVFjwtnGJ8 | View Directions Here |
| https://www.google.com/maps/place/AURA+Medical+Aesthetics/@1.3114782,103.7911474,17z/data=!4m10!1m2!2m1!1sAURA+Medical+Aesthetics,+One+Holland+Village!3m6!1s0x31da1b3331136c23:0x1a35dc4c5e7b5622!8m2!3d1.3114782!4d103.7937223!15sCixBVVJBIE1lZGljYWwgQWVzdGhldGljcywgT25lIEhvbGxhbmQgVmlsbGFnZVotIithdXJhIG1lZGljYWwgYWVzdGhldGljcyBvbmUgaG9sbGFuZCB2aWxsYWdlkgELbWVkaWNhbF9zcGGaASRDaGREU1VoTk1HOW5TMFZKUTBGblNVUTVla2xsY1ROblJSQULgAQA!16s%2Fg%2F11lcym486x?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D | View Directions Here |
| https://www.google.com/maps/place/AURA+Clinic/@1.3066492,103.8246348,17z/data=!3m2!4b1!5s0x31da198cde1beb53:0xff95595e182d62b5!4m6!3m5!1s0xb06fcb0557190eb:0xf56abc35bceb14c7!8m2!3d1.3066492!4d103.8295057!16s%2Fg%2F11vl0l289c?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D | View Directions Here |
| https://www.xiaohongshu.com/user/profile/666908c40000000003031e7e?xhsshare=CopyLink&appuid=5edc8b5c000000000101e66d&apptime=1724749294 |
Variáveis JavaScript · 90 encontrada(s)
Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer lugar no código dentro do escopo atual
| Nome | Tipo |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| 3 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| Swiper | function |
Mensagens de registro do console · 4 encontrada(s)
Mensagens registradas no console web
| Tipo | Categoria | Log |
|---|---|---|
| log | other |
|
| warning | other |
|
| log | javascript |
|
| log | javascript |
|
HTML
O corpo HTML bruto da página
<!DOCTYPE html><html lang="en"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/pPK749sccDmVW_9DSeTMVvh2/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-BJuEtmqk8gvp2kvOiXzxtaoRQQS7QjSOSAczV0tKC29lpbOt/RFR43n1iVnzO4Em"></script><script src="https://connect.facebook.net/signals/config/1159180018562713?v=2.9.176&r=stable&domain=auramedical.sg&hme=872f04a0547459b3285cb03b0d7a47bfde40628f4b386809918a621e2688602f&ex_m=70%2C121%2C107%2C111%2C61%2C4%2C100%2C69%2C16%2C97%2C89%2C51%2C54%2C172%2C175%2C187%2C183%2C184%2C186%2C29%2C101%2C53%2C77%2C185%2C167%2C170%2C180%2C181%2C188%2C131%2C41%2C189%2C190%2C34%2C143%2C15%2C50%2C195%2C194%2C133%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C93%2C17%2C14%2C96%2C92%2C91%2C108%2C52%2C110%2C39%2C109%2C30%2C94%2C26%2C168%2C171%2C140%2C86%2C56%2C84%2C33%2C73%2C0%2C95%2C32%2C28%2C82%2C83%2C88%2C47%2C46%2C87%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C102%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C104%2C103%2C105%2C98%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C90%2C81%2C44%2C35%2C85%2C2%2C36%2C63%2C42%2C106%2C45%2C79%2C68%2C112%2C60%2C59%2C31%2C99%2C58%2C55%2C49%2C78%2C72%2C24%2C113" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/destination?id=AW-16575430373&l=dataLayer&cx=c&gtm=45He4bk0v9186640435za200"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-7CHMJ9R2N1&l=dataLayer&cx=c&gtm=45He4bk0v9186640435za200"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-5LSLQS5M"></script><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Marcellus&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Marcellus&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/flowbite.min.css" rel="stylesheet">
<script defer="" src="https://unpkg.com/@alpinejs/[email protected]/dist/cdn.min.js"></script>
<script defer="" src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">
<script script="" src="https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.mjs" type="module">
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.7/themes/odometer-theme-default.css" integrity="sha512-kMPqFnKueEwgQFzXLEEl671aHhQqrZLS5IP3HzqdfozaST/EgU+/wkM07JCmXFAt9GO810I//8DBonsJUzGQsQ==" crossorigin="anonymous" referrerpolicy="no-referrer">
<style>
/* Global override for Flowbite text classes to reset line-height */
.text-xs,
.text-sm,
.text-base,
.text-lg,
.text-xl,
.text-2xl,
.text-3xl,
.text-4xl,
.text-5xl,
.text-6xl,
.text-7xl,
.text-8xl,
.text-9xl {
line-height: initial;
}
</style>
<title>Aesthetic treatments that enhance your AURA</title>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5LSLQS5M');</script>
<!-- End Google Tag Manager -->
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- This site is optimized with the Yoast SEO plugin v23.9 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Founded by Dr Karen Soh, AURA Group leverages 20 years of expertise in medical aesthetics. We provide customised scalp, face, and body solutions through two core brands to enhance results and elevate your aesthetic journey.">
<link rel="canonical" href="https://auramedical.sg/">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="AURA Medical Aesthetics Singapore">
<meta property="og:description" content="Founded by Dr Karen Soh, AURA Group leverages 20 years of expertise in medical aesthetics. We provide customised scalp, face, and body solutions through two core brands to enhance results and elevate your aesthetic journey.">
<meta property="og:url" content="https://auramedical.sg/">
<meta property="og:site_name" content="AURA Medical">
<meta property="article:modified_time" content="2024-11-18T05:57:35+00:00">
<meta name="twitter:card" content="summary_large_image">
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://auramedical.sg/","url":"https://auramedical.sg/","name":"AURA Medical Aesthetics Singapore","isPartOf":{"@id":"https://auramedical.sg/#website"},"datePublished":"2024-06-05T03:20:17+00:00","dateModified":"2024-11-18T05:57:35+00:00","description":"Founded by Dr Karen Soh, AURA Group leverages 20 years of expertise in medical aesthetics. We provide customised scalp, face, and body solutions through two core brands to enhance results and elevate your aesthetic journey.","breadcrumb":{"@id":"https://auramedical.sg/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://auramedical.sg/"]}]},{"@type":"BreadcrumbList","@id":"https://auramedical.sg/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://auramedical.sg/#website","url":"https://auramedical.sg/","name":"AURA Medical","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://auramedical.sg/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
<!-- / Yoast SEO plugin. -->
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/auramedical.sg\/wp-includes\/js\/wp-emoji-release.min.js?ver=909798847d79e6714d6b0a4a41885606"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id="wp-emoji-styles-inline-css" type="text/css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="wp-block-library-css" href="https://auramedical.sg/wp-includes/css/dist/block-library/style.min.css?ver=909798847d79e6714d6b0a4a41885606" type="text/css" media="all">
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="stylesheet" id="contact-form-7-css" href="https://auramedical.sg/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0" type="text/css" media="all">
<style id="contact-form-7-inline-css" type="text/css">
.wpcf7 .wpcf7-recaptcha iframe {margin-bottom: 0;}.wpcf7 .wpcf7-recaptcha[data-align="center"] > div {margin: 0 auto;}.wpcf7 .wpcf7-recaptcha[data-align="right"] > div {margin: 0 0 0 auto;}
</style>
<link rel="stylesheet" id="nbcpf-intlTelInput-style-css" href="https://auramedical.sg/wp-content/plugins/country-phone-field-contact-form-7/assets/css/intlTelInput.min.css?ver=909798847d79e6714d6b0a4a41885606" type="text/css" media="all">
<link rel="stylesheet" id="nbcpf-countryFlag-style-css" href="https://auramedical.sg/wp-content/plugins/country-phone-field-contact-form-7/assets/css/countrySelect.min.css?ver=909798847d79e6714d6b0a4a41885606" type="text/css" media="all">
<link rel="stylesheet" id="woocommerce-layout-css" href="https://auramedical.sg/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=9.4.2" type="text/css" media="all">
<link rel="stylesheet" id="woocommerce-smallscreen-css" href="https://auramedical.sg/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=9.4.2" type="text/css" media="only screen and (max-width: 768px)">
<link rel="stylesheet" id="woocommerce-general-css" href="https://auramedical.sg/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=9.4.2" type="text/css" media="all">
<style id="woocommerce-inline-inline-css" type="text/css">
.woocommerce form .form-row .required { visibility: visible; }
</style>
<link rel="stylesheet" id="wpcf7-redirect-script-frontend-css" href="https://auramedical.sg/wp-content/plugins/wpcf7-redirect/build/css/wpcf7-redirect-frontend.min.css?ver=1.1" type="text/css" media="all">
<link rel="stylesheet" id="styles-css" href="https://auramedical.sg/wp-content/themes/starter-theme/public/styles/app.css?ver=909798847d79e6714d6b0a4a41885606" type="text/css" media="all">
<link rel="stylesheet" id="custom-woocommerce-css" href="https://auramedical.sg/wp-content/themes/starter-theme/woocommerce.css?ver=909798847d79e6714d6b0a4a41885606" type="text/css" media="all">
<link rel="stylesheet" id="cf7cf-style-css" href="https://auramedical.sg/wp-content/plugins/cf7-conditional-fields/style.css?ver=2.5.1" type="text/css" media="all">
<link rel="stylesheet" id="bafg_twentytwenty-css" href="https://auramedical.sg/wp-content/plugins/beaf-before-and-after-gallery/assets/css/twentytwenty.css?ver=4.5.34" type="text/css" media="all">
<link rel="stylesheet" id="bafg-style-css" href="https://auramedical.sg/wp-content/plugins/beaf-before-and-after-gallery/assets/css/bafg-style.css?ver=4.5.34" type="text/css" media="all">
<style id="block-visibility-screen-size-styles-inline-css" type="text/css">
/* Large screens (desktops, 992px and up) */
@media ( min-width: 992px ) {
.block-visibility-hide-large-screen {
display: none !important;
}
}
/* Medium screens (tablets, between 768px and 992px) */
@media ( min-width: 768px ) and ( max-width: 991.98px ) {
.block-visibility-hide-medium-screen {
display: none !important;
}
}
/* Small screens (mobile devices, less than 768px) */
@media ( max-width: 767.98px ) {
.block-visibility-hide-small-screen {
display: none !important;
}
}
</style>
<script type="text/javascript" src="https://auramedical.sg/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.9.4.2" id="jquery-blockui-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" id="wc-add-to-cart-js-extra">
/* <![CDATA[ */
var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/auramedical.sg\/cart\/","is_cart":"","cart_redirect_after_add":"no"};
/* ]]> */
</script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=9.4.2" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.9.4.2" id="js-cookie-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" id="woocommerce-js-extra">
/* <![CDATA[ */
var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"};
/* ]]> */
</script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=9.4.2" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/themes/starter-theme/public/scripts/app.js?ver=909798847d79e6714d6b0a4a41885606" id="script-js"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/beaf-before-and-after-gallery/assets/js/jquery.event.move.js?ver=4.5.34" id="eventMove-js"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/beaf-before-and-after-gallery/assets/js/jquery.twentytwenty.js?ver=4.5.34" id="bafg_twentytwenty-js"></script>
<link rel="https://api.w.org/" href="https://auramedical.sg/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://auramedical.sg/wp-json/wp/v2/pages/189"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://auramedical.sg/xmlrpc.php?rsd">
<link rel="shortlink" href="https://auramedical.sg/">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://auramedical.sg/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fauramedical.sg%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://auramedical.sg/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fauramedical.sg%2F&format=xml">
<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
<style class="wp-fonts-local" type="text/css">
@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://auramedical.sg/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://auramedical.sg/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');}
</style>
<link rel="icon" href="https://auramedical.sg/wp-content/uploads/2024/06/cropped-cropped-Star-32x32.png" sizes="32x32">
<link rel="icon" href="https://auramedical.sg/wp-content/uploads/2024/06/cropped-cropped-Star-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://auramedical.sg/wp-content/uploads/2024/06/cropped-cropped-Star-180x180.png">
<meta name="msapplication-TileImage" content="https://auramedical.sg/wp-content/uploads/2024/06/cropped-cropped-Star-270x270.png">
<style type="text/css">#mc_embed_signup input.mce_inline_error { border-color:#6B0505; } #mc_embed_signup div.mce_inline_error { margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff; }</style><script src="https://auramedical.sg/wp-includes/js/wp-emoji-release.min.js?ver=909798847d79e6714d6b0a4a41885606" defer=""></script></head>
<body class="home page-template page-template-page-website page-template-page-website-php page page-id-189 theme-starter-theme woocommerce-js" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0" style="zoom: 1;">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5LSLQS5M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="sticky z-[999] navbar-website xl:fixed">
<nav class="flex items-center justify-center h-5 py-5 sm:container text-aura-brightGreen bg-aura-freshGreen lg:justify-end">
<div class="flex flex-row items-center gap-5 font-semibold text-aura-brightGreen">
<!-- Each location info will be displayed as a row in the flex container -->
<div class="location-info-wrapper relative flex items-center mt-2 min-[400px]:mt-2 justify-center sm:justify-end min-[400px]:justify-center h-6 w-[225px] lg:w-[400px] sm:w-[250px] min-[400px]:w-[225px] overflow-hidden]">
<!-- Ensure it has a set height and hidden overflow -->
<div class="absolute top-0 flex items-center gap-2 mb-5 opacity-0 location-info-item" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;">
<!-- Initially hidden with opacity 0 -->
<img src="https://auramedical.sg/wp-content/uploads/2024/09/Icon-fa-solid-location-dot.svg" alt="Icon" class="h-4 min-[400px]:h-3 min-[320px]:h-2 w-4 min-[400px]:w-3 min-[320px]:w-2">
<a href="/location/aura-clinic-palais-renaissance/" class="text-[0.625rem] lg:text-xxs min-[400px]:text-[11px]">Orchard, Palais Renaissance, #03-02</a>
</div>
<div class="absolute top-0 flex items-center gap-2 mb-5 opacity-0 location-info-item" style="translate: none; rotate: none; scale: none; transform: translate(0px, 50px); opacity: 0;">
<!-- Initially hidden with opacity 0 -->
<img src="https://auramedical.sg/wp-content/uploads/2024/09/Icon-fa-solid-location-dot.svg" alt="Icon" class="h-4 min-[400px]:h-3 min-[320px]:h-2 w-4 min-[400px]:w-3 min-[320px]:w-2">
<a href="/location/aura-medical-aesthetics-ohv/" class="text-[0.625rem] lg:text-xxs min-[400px]:text-[11px]">One Holland Village, #03-09</a>
</div>
<div class="absolute top-0 flex items-center gap-2 mb-5 opacity-0 location-info-item" style="translate: none; rotate: none; scale: none; transform: translate(0px, 50px); opacity: 0;">
<!-- Initially hidden with opacity 0 -->
<img src="https://auramedical.sg/wp-content/uploads/2024/09/Icon-fa-solid-location-dot.svg" alt="Icon" class="h-4 min-[400px]:h-3 min-[320px]:h-2 w-4 min-[400px]:w-3 min-[320px]:w-2">
<a href="/location/aura-clinic-ohv/" class="text-[0.625rem] lg:text-xxs min-[400px]:text-[11px]">One Holland Village, #03-10</a>
</div>
</div>
<div class="items-center hidden gap-1 sm:flex">
<img src="https://auramedical.sg/wp-content/uploads/2024/08/Icon-ion-call.svg" class="h-4 min-[400px]:h-3 min-[320px]:h-2 w-4 min-[400px]:w-3 min-[320px]:w-2">
<a href="https://wa.me/+6586666306" class="text-xxs lg:text-xxs min-[400px]:text-[11px]">WhatsApp / Call: +65 8666 6306</a>
</div>
<div class="items-center hidden gap-1 sm:flex">
<a href="/contact-us/" class="text-xxs lg:text-xxs min-[400px]:text-[11px]">Contact Us</a>
</div>
<!-- Search button -->
<div x-data="{ open: false }" class="z-[200] relative lg:ml-3">
<div>
<button @click="open = ! open" type="button" class="relative hidden w-10 text-sm font-bold rounded-full sm:flex sm:w-4" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
<span class="absolute "></span>
<span class="sr-only">Open search menu</span>
<!--desktop icon-->
<svg xmlns="http://www.w3.org/2000/svg" class="items-center hidden w-4 h-4 xl:block" viewBox="0 0 27.981 27.981">
<path id="Icon_akar-search" data-name="Icon akar-search" d="M27.36,27.36,21.608,21.6M24.8,13.9A10.9,10.9,0,1,1,13.9,3,10.9,10.9,0,0,1,24.8,13.9Z" transform="translate(-1.5 -1.5)" fill="none" stroke="#1F6B56" stroke-linecap="round" stroke-width="3"></path>
</svg>
<!--mobile icon-->
<svg xmlns="http://www.w3.org/2000/svg" class="block w-5 h-5 xl:hidden" viewBox="0 0 27.981 27.981">
<path id="Icon_akar-search" data-name="Icon akar-search" d="M27.36,27.36,21.608,21.6M24.8,13.9A10.9,10.9,0,1,1,13.9,3,10.9,10.9,0,0,1,24.8,13.9Z" transform="translate(-1.5 -1.5)" fill="none" stroke="#1F6B56" stroke-linecap="round" stroke-width="3"></path>
</svg>
</button>
</div>
<div x-show="open" class="animate-fade animate-duration-150 fixed inset-0 z-50 flex items-center justify-center h-[100vh] bg-white bg-opacity-30 backdrop-blur-xl" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1" style="display: none;">
<form id="search-form" action="/" method="GET" class="w-full max-w-2xl p-10 bg-white rounded-lg shadow-lg">
<div class="flex justify-between">
<label for="search-input" class="text-lg font-bold font-lora text-aura-brightGreen">Search</label>
<div class="z-50 cursor-pointer" @click="open = false">
<!-- x icon-->
<svg class="p-1 text-white rounded-full fill-current bg-aura-brightGreen" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 18 18">
<path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z">
</path>
</svg>
</div>
</div>
<div class="mt-2">
<input type="text" name="s" id="search-input" class="block w-full rounded-md border-0 p-1.5 text-mprc-blackText shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-1 focus:ring-inset focus:ring-mprc-deepBlue sm:text-sm sm:leading-6" placeholder="Search for...">
</div>
<button type="submit" class="flex items-center py-3 mt-5 font-bold text-white rounded-full bg-aura-brightGreen pl-7 pr-9 2xl:pl-12 2xl:pr-14 3xl:py-5 4xl:pl-14 4xl:pr-16 text-xxs md:text-xs 2xl:text-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="mr-3" width="21.664" height="24" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="uppercase">search</span>
</button>
</form>
</div>
</div>
</div>
</nav>
<div class="relative px-1 pt-1" id="navbar">
<div class="blur-bg"></div>
<div x-data="{ showMenu: null, updateShowMenu(){if(window.innerWidth > 1024) { this.showMenu = null }} }" @resize.window="updateShowMenu" class="z-10 flex flex-row items-center justify-between px-6 py-3 sm:container 2xl:py-4 3xl:py-5 4xl:py-6 ">
<!-- Logo -->
<div class="z-50 items-start justify-center hidden xl:block">
<a href="/"><img class="md:ml-0 mobile-s:ml-0 md:w-auto md:h-12 mobile-s:w-auto mobile-s:h-14 3xl:h-14" src="https://auramedical.sg/wp-content/uploads/2024/07/Mask-Group-101.svg" alt=""></a>
</div>
<!--mobile logo-->
<div class="z-50 items-start justify-center block xl:hidden">
<a href="/"><img class="md:ml-0 mobile-s:ml-0 md:w-auto md:h-12 mobile-s:w-auto mobile-s:h-10 3xl:h-14" src="https://auramedical.sg/wp-content/uploads/2024/07/Mask-Group-101.svg" alt=""></a> </div>
<!-- hamburger icon-->
<div class="z-50 flex items-center xl:hidden" id="mobileMenuHamburgerIcon">
<button @click="showMenu = showMenu ? null : true">
<svg class="w-6 h-auto" xmlns="http://www.w3.org/2000/svg" width="27.5" height="23" viewBox="0 0 27.5 23">
<g id="Group_76" data-name="Group 76" transform="translate(-22.5 -39)">
<line id="Line_15" data-name="Line 15" x2="27.5" transform="translate(22.5 61.5)" fill="none" stroke="#1f6956" stroke-width="1"></line>
<line id="Line_16" data-name="Line 16" x2="27.5" transform="translate(22.5 50.5)" fill="none" stroke="#1f6956" stroke-width="1"></line>
<line id="Line_17" data-name="Line 17" x2="27.5" transform="translate(22.5 39.5)" fill="none" stroke="#1f6956" stroke-width="1"></line>
</g>
</svg>
</button>
</div>
<!-- desktop nav -->
<div class="z-[100] hidden xl:flex justify-end mr-16 flex-grow aura-navbar-items">
<div class="justify-end w-full gap-10 aura-navbar-items">
<div class="flex flex-col nav-menu-link group">
<!-- Add group class here -->
<div class="flex items-center justify-between gap-2 cursor-pointer">
<p class="text-xs 4xl:text-sm">About</p>
<div class="transition-transform duration-700 rotate-0 group-hover:rotate-180">
<!-- Rotation classes adjusted -->
<svg xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757">
<g transform="translate(1.061 1.061)">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)" fill="none" stroke="#1F6B56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
</g>
</svg>
</div>
</div>
<div class="absolute flex flex-col hidden w-40 px-3 py-5 text-xs transition delay-75 translate-y-0 bg-white nav-items-submenu gap-7 top-full">
<a href="/about/our-story">Our Story</a>
<a href="/about/dr-karen-soh/">Dr Karen Soh</a>
<a href="/about/dr-joanna-chan/">Dr Joanna Chan</a>
</div>
</div>
<div class="flex flex-col nav-menu-link group">
<!-- Add group class here -->
<div class="flex items-center justify-between gap-2 cursor-pointer">
<p class="text-xs 4xl:text-sm">Doctor's Services</p>
<div class="transition-transform duration-700 rotate-0 group-hover:rotate-180">
<!-- Rotation classes adjusted -->
<svg xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757">
<g transform="translate(1.061 1.061)">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)" fill="none" stroke="#1F6B56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
</g>
</svg>
</div>
</div>
<div class="submenu-container-3 text-[#1F6B56] flex flex-col mb-12">
<div class="grid w-full h-full grid-flow-row grid-cols-5 px-20 my-12 auto-rows-auto gap-y-12">
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
TECHNOLOGY</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/rf-microneedling/potenza/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
POTENZA™ RF Microneedling </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/ultherapy/singapore/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Ultherapy </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/technology/thermage-flx/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Thermage FLX </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="https://auramedical.sg/aura-dual-lift/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Dual Lift </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
LASER</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/laser/pico/picosure/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
PicoSure Laser </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/laser/pico/picosure-pro/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
PicoSure Pro </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="https://auramedical.sg/laser/pico/discovery/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Discovery Pico Laser </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/laser/acne/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Acne Laser </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="https://auramedical.sg/fotona-4d-laser-facelift/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Fotona 4D Laser Facelift </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/laser/aura-emerald-glow/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Emerald Glow </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
INJECTABLES</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/fillers/dermal/singapore/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Dermal Fillers </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/skin-boosters/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Skin Boosters </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/injectables/profhilo/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Profhilo </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="https://auramedical.sg/injectables/rejuran/healer/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Rejuran Healer </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/skin-boosters/juvelook/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Juvelook </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
HAIR LOSS TREATMENTS</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/hair-loss/aura-hair-regrowth/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Hair Regrowth </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/hair-growth/supplements/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Hair Growth Supplements </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/hair-loss/medication/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Hair Loss Medication </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
OTHER TREATMENTS</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/mole-removal/singapore/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Mole Removal </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/skin-tag-removal/singapore/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Skin Tag Removal </p>
</a>
</div>
</div>
</div>
<!-- <a href="/" style="align-self: end;"
class="mb-12 px-28">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5"
viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237"
d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z"
transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="text-white">t</span>
</button>
</a> -->
</div>
</div>
<div class="flex flex-col nav-menu-link group">
<!-- Add group class here -->
<div class="flex items-center justify-between gap-2 cursor-pointer">
<p class="text-xs 4xl:text-sm">Medi-Grade Therapies</p>
<div class="transition-transform duration-700 rotate-0 group-hover:rotate-180">
<!-- Rotation classes adjusted -->
<svg xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757">
<g transform="translate(1.061 1.061)">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)" fill="none" stroke="#1F6B56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
</g>
</svg>
</div>
</div>
<div class="submenu-container-3 text-[#1F6B56] flex flex-col mb-12">
<div class="grid w-full h-full grid-flow-row grid-cols-5 px-20 my-12 auto-rows-auto gap-y-12">
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
SIGNATURE</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/signature-aura-emerald-peel/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Signature AURA Emerald Peel </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/aura-calecim-facetherapy/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Calecim Facetherapy </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/purebiome-purifying/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
PureBiome Purifying </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/hydrafacial/singapore">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Hydrafacial </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
RENEW & REPAIR</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/hydrafacial/restorative/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Restorative Hydrafacial </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
HYDRATING & SOOTHING</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/dew-drop/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Dew Drop </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/skin-retreat/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Skin Retreat </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
ANTI-AGEING AND FIRMING</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/hydrafacial/age-refinement/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Age-Refinement Hydrafacial </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/age-defence/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Age-Defence </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/ultralift/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
UltraLift </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
PIGMENTATION & RADIANCE</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/brilliant-glow/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Brilliant Glow </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/hydrafacial/radiance/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Radiance Hydrafacial </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/glow-revive/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Glow Revive </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
ACNE & DETOX</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/crystal-clear/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Crystal Clear </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/classic-aura-emerald-peel">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Classic AURA Emerald Peel </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/hydrafacial/aura-platinum-hydrafacial/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Platinum Hydrafacial </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/hydrafacial/aura-clarifying-hydrafacial/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Clarifying Hydrafacial </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
BODY THERAPIES</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/cryolipolysis/coolsculpting/elite/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
CoolSculpting Elite </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/360-body-lift/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
360 Body Lift </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/body-countouring/aura-body-sculpt/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
AURA Body Sculpting </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="https://auramedical.sg/emsculpt/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
EMSCULPT </p>
</a>
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="https://auramedical.sg/back-clarifying-hydrafacial/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Back Clarifying Hydrafacial </p>
</a>
</div>
</div>
<div class="space-y-5">
<p class="pb-3 text-xs border-b-2 font-semibold border-[#1D7B56]">
OTHERS</p>
<div class="flex flex-col gap-7 taxonomy-items-3">
<a x-data="{isHovering:false}" @mouseenter="isHovering = true" @mouseleave="isHovering = false" class="flex text-base text-black hover:text-aura-brightGreen hover:font-bold " href="/calecim-hair-growth-treatment/">
<svg x-show="isHovering === true" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 rounded-full" viewBox="0 0 21.664 24" x-transition.opacity="" style="display: none;">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<p class="text-xs" :class="isHovering ? 'transition-transform translate-x-3' : '' ">
Calecim Hair Growth Treatment </p>
</a>
</div>
</div>
</div>
<!-- <a href="/" style="align-self: end;"
class="mb-12 px-28">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5"
viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237"
d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z"
transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="text-white">t</span>
</button>
</a> -->
</div>
</div>
</div>
</div>
<!--mobile nav-->
<div class="absolute top-full left-0 w-full xl:hidden z-[60] menu-bg-blur-2 overscroll-contain overflow-y-scroll" x-show="showMenu" x-data="{ openMenu: null, openTaxonomy: {}, openSideMenu:false }" style="display: none;">
<hr class="z-[200] xl:hidden border white md:mx-10 sm:mx-6 mx-4">
<div class="bg-white w-full h-full z-[60] absolute overflow-scroll pb-16 invisible" :class="openSideMenu ? 'visible' : 'invisible'" id="recommended-side-bar">
<div class="transition-all translate-x-full" :class="openSideMenu ? 'translate-x-0' : 'translate-x-full'">
<button @click="openSideMenu = !openSideMenu" id="mobileCloseSideMenuButton">
<svg xmlns="http://www.w3.org/2000/svg" class="absolute w-6 h-6 top-4 right-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
<div class="flex flex-col items-center justify-center gap-5 px-8 pt-12 mb-10">
<a target="_blank" href="https://enquiry.auramedical.sg/rf-microneedling/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/Group_18867.webp" alt="RF Microneedling" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #d4daba">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#1f6a56"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #1f6a56;">
Performed by Doctors</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">RF Microneedling</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Transform your skin and scalp with Radiofrequency (RF) <br>Microneedling. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/pico-laser/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/08/pico-recommeded.png" alt="AURA Pico Pro" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #d4daba">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#1f6a56"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #1f6a56;">
performed by doctors</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">AURA Pico Pro</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Unveil flawless skin in picoseconds with the 755nm <br>Pico Laser. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/ultherapy/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/treatment-1.png" alt="Ultherapy" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #d4daba">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#1f6a56"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #1f6a56;">
Performed by doctors</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">Ultherapy</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Lift and tighten sagging skin for a naturally youthful look. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/ultraliftdv/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/coolsculpt.png" alt="UltraLift" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #1f6a56">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#e9edcb"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #e9edcb;">
Peformed by specialists</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">UltraLift</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Achieve a youthful lift with the award-winning AURA UltraLift. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/auraemeraldpeel/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/treatment-2.png" alt="AURA Emerald Peel" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #1f6a56">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#e9edcb"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #e9edcb;">
Performed by specialists</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">AURA Emerald Peel</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Discover the one-peel wonder for every skin woe. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/hydrafacial/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/Group_18866.webp" alt="Hydrafacial" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #1f6a56">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#e9edcb"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #e9edcb;">
Performed by Specialists </p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">Hydrafacial</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Uncover radiant skin in three simple steps. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/coolsculpting/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/Group_18865.webp" alt="CoolSculpting Elite" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #1f6a56">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#e9edcb"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #e9edcb;">
Performed by specialists</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">CoolSculpting Elite</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Effortlessly remove awkward bulges and stubborn fat. </p>
</a>
</div>
<div class="flex flex-col px-8" x-data="{openSideTaxonomy: {}}">
</div>
<div class="w-64 py-6 mx-auto">
<!-- <a href="/" style="align-self: center;"
class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5"
viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237"
d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z"
transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="text-sm text-white">test</span>
</a> -->
</div>
</div>
</div>
<div class="mobile-menu container overflow-y-scroll my-10 h-[80vh]">
<div class="flex flex-col nav-menu-link group">
<div class="flex items-center justify-between gap-2 py-5 border-b cursor-pointer border-aura-brightGreen last:border-none" @click="openMenu = openMenu === 0 ? null : 0; openTaxonomy[0] = null">
<p class="text-base font-semibold text-aura-brightGreen">About</p>
<svg :class="{'rotate-180': openMenu === 0 }" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</div>
<!-- Sub-menus or taxonomy-driven menus -->
<div x-show="openMenu === 0" class="p-3" x-transition="" style="display: none;">
<!-- Simple Sub-menus -->
<div class="flex flex-col text-xs gap-7">
<a href="/about/our-story" class="block p-2 text-base rounded-md text-aura-brightGreen">Our Story</a>
<a href="/about/dr-karen-soh/" class="block p-2 text-base rounded-md text-aura-brightGreen">Dr Karen Soh</a>
<a href="/about/dr-joanna-chan/" class="block p-2 text-base rounded-md text-aura-brightGreen">Dr Joanna Chan</a>
</div>
</div>
</div>
<div class="flex flex-col nav-menu-link group">
<div class="flex items-center justify-between gap-2 py-5 border-b cursor-pointer border-aura-brightGreen last:border-none" @click="openMenu = openMenu === 1 ? null : 1; openTaxonomy[1] = null">
<p class="text-base font-semibold text-aura-brightGreen">Doctor's Services</p>
<svg :class="{'rotate-180': openMenu === 1 }" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</div>
<!-- Sub-menus or taxonomy-driven menus -->
<div x-show="openMenu === 1" class="p-3" x-transition="" style="display: none;">
<!-- Taxonomy and its groups -->
<div class="flex flex-col text-aura-brightGreen ">
<div @click="openTaxonomy[1] = openTaxonomy[1] === 0 ? null : 0">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
TECHNOLOGY <svg :class="{'rotate-180': openTaxonomy[1] === 0}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[1] === 0" class="p-3 space-y-5 " style="display: none;">
<a href="/rf-microneedling/potenza/" class="block p-2 text-base text-aura-brightGreen ">POTENZA™ RF Microneedling</a>
<a href="/ultherapy/singapore/" class="block p-2 text-base text-aura-brightGreen ">Ultherapy</a>
<a href="/technology/thermage-flx/" class="block p-2 text-base text-aura-brightGreen ">Thermage FLX</a>
<a href="https://auramedical.sg/aura-dual-lift/" class="block p-2 text-base text-aura-brightGreen ">AURA Dual Lift</a>
</div>
</div>
<div @click="openTaxonomy[1] = openTaxonomy[1] === 1 ? null : 1">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
LASER <svg :class="{'rotate-180': openTaxonomy[1] === 1}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[1] === 1" class="p-3 space-y-5 " style="display: none;">
<a href="/laser/pico/picosure/" class="block p-2 text-base text-aura-brightGreen ">PicoSure Laser</a>
<a href="/laser/pico/picosure-pro/" class="block p-2 text-base text-aura-brightGreen ">PicoSure Pro</a>
<a href="https://auramedical.sg/laser/pico/discovery/" class="block p-2 text-base text-aura-brightGreen ">Discovery Pico Laser</a>
<a href="/laser/acne/" class="block p-2 text-base text-aura-brightGreen ">Acne Laser</a>
<a href="https://auramedical.sg/fotona-4d-laser-facelift/" class="block p-2 text-base text-aura-brightGreen ">Fotona 4D Laser Facelift</a>
<a href="/laser/aura-emerald-glow/" class="block p-2 text-base text-aura-brightGreen ">AURA Emerald Glow</a>
</div>
</div>
<div @click="openTaxonomy[1] = openTaxonomy[1] === 2 ? null : 2">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
INJECTABLES <svg :class="{'rotate-180': openTaxonomy[1] === 2}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[1] === 2" class="p-3 space-y-5 " style="display: none;">
<a href="/fillers/dermal/singapore/" class="block p-2 text-base text-aura-brightGreen ">Dermal Fillers</a>
<a href="/skin-boosters/" class="block p-2 text-base text-aura-brightGreen ">Skin Boosters</a>
<a href="/injectables/profhilo/" class="block p-2 text-base text-aura-brightGreen ">Profhilo</a>
<a href="https://auramedical.sg/injectables/rejuran/healer/" class="block p-2 text-base text-aura-brightGreen ">Rejuran Healer</a>
<a href="/skin-boosters/juvelook/" class="block p-2 text-base text-aura-brightGreen ">Juvelook</a>
</div>
</div>
<div @click="openTaxonomy[1] = openTaxonomy[1] === 3 ? null : 3">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
HAIR LOSS TREATMENTS <svg :class="{'rotate-180': openTaxonomy[1] === 3}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[1] === 3" class="p-3 space-y-5 " style="display: none;">
<a href="/hair-loss/aura-hair-regrowth/" class="block p-2 text-base text-aura-brightGreen ">AURA Hair Regrowth</a>
<a href="/hair-growth/supplements/" class="block p-2 text-base text-aura-brightGreen ">Hair Growth Supplements</a>
<a href="/hair-loss/medication/" class="block p-2 text-base text-aura-brightGreen ">Hair Loss Medication</a>
</div>
</div>
<div @click="openTaxonomy[1] = openTaxonomy[1] === 4 ? null : 4">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
OTHER TREATMENTS <svg :class="{'rotate-180': openTaxonomy[1] === 4}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[1] === 4" class="p-3 space-y-5 " style="display: none;">
<a href="/mole-removal/singapore/" class="block p-2 text-base text-aura-brightGreen ">Mole Removal</a>
<a href="/skin-tag-removal/singapore/" class="block p-2 text-base text-aura-brightGreen ">Skin Tag Removal</a>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-col nav-menu-link group">
<div class="flex items-center justify-between gap-2 py-5 border-b cursor-pointer border-aura-brightGreen last:border-none" @click="openMenu = openMenu === 2 ? null : 2; openTaxonomy[2] = null">
<p class="text-base font-semibold text-aura-brightGreen">Medi-Grade Therapies</p>
<svg :class="{'rotate-180': openMenu === 2 }" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</div>
<!-- Sub-menus or taxonomy-driven menus -->
<div x-show="openMenu === 2" class="p-3" x-transition="" style="display: none;">
<!-- Taxonomy and its groups -->
<div class="flex flex-col text-aura-brightGreen ">
<div @click="openTaxonomy[2] = openTaxonomy[2] === 0 ? null : 0">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
SIGNATURE <svg :class="{'rotate-180': openTaxonomy[2] === 0}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[2] === 0" class="p-3 space-y-5 " style="display: none;">
<a href="/signature-aura-emerald-peel/" class="block p-2 text-base text-aura-brightGreen ">Signature AURA Emerald Peel</a>
<a href="/aura-calecim-facetherapy/" class="block p-2 text-base text-aura-brightGreen ">AURA Calecim Facetherapy</a>
<a href="/purebiome-purifying/" class="block p-2 text-base text-aura-brightGreen "> PureBiome Purifying</a>
<a href="/hydrafacial/singapore" class="block p-2 text-base text-aura-brightGreen ">AURA Hydrafacial</a>
</div>
</div>
<div @click="openTaxonomy[2] = openTaxonomy[2] === 1 ? null : 1">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
RENEW & REPAIR <svg :class="{'rotate-180': openTaxonomy[2] === 1}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[2] === 1" class="p-3 space-y-5 " style="display: none;">
<a href="/hydrafacial/restorative/" class="block p-2 text-base text-aura-brightGreen ">AURA Restorative Hydrafacial</a>
</div>
</div>
<div @click="openTaxonomy[2] = openTaxonomy[2] === 2 ? null : 2">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
HYDRATING & SOOTHING <svg :class="{'rotate-180': openTaxonomy[2] === 2}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[2] === 2" class="p-3 space-y-5 " style="display: none;">
<a href="/dew-drop/" class="block p-2 text-base text-aura-brightGreen ">Dew Drop</a>
<a href="/skin-retreat/" class="block p-2 text-base text-aura-brightGreen ">Skin Retreat</a>
</div>
</div>
<div @click="openTaxonomy[2] = openTaxonomy[2] === 3 ? null : 3">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
ANTI-AGEING AND FIRMING <svg :class="{'rotate-180': openTaxonomy[2] === 3}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[2] === 3" class="p-3 space-y-5 " style="display: none;">
<a href="/hydrafacial/age-refinement/" class="block p-2 text-base text-aura-brightGreen ">AURA Age-Refinement Hydrafacial</a>
<a href="/age-defence/" class="block p-2 text-base text-aura-brightGreen ">Age-Defence</a>
<a href="/ultralift/" class="block p-2 text-base text-aura-brightGreen ">UltraLift</a>
</div>
</div>
<div @click="openTaxonomy[2] = openTaxonomy[2] === 4 ? null : 4">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
PIGMENTATION & RADIANCE <svg :class="{'rotate-180': openTaxonomy[2] === 4}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[2] === 4" class="p-3 space-y-5 " style="display: none;">
<a href="/brilliant-glow/" class="block p-2 text-base text-aura-brightGreen ">Brilliant Glow</a>
<a href="/hydrafacial/radiance/" class="block p-2 text-base text-aura-brightGreen ">AURA Radiance Hydrafacial</a>
<a href="/glow-revive/" class="block p-2 text-base text-aura-brightGreen ">Glow Revive</a>
</div>
</div>
<div @click="openTaxonomy[2] = openTaxonomy[2] === 5 ? null : 5">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
ACNE & DETOX <svg :class="{'rotate-180': openTaxonomy[2] === 5}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[2] === 5" class="p-3 space-y-5 " style="display: none;">
<a href="/crystal-clear/" class="block p-2 text-base text-aura-brightGreen ">Crystal Clear</a>
<a href="/classic-aura-emerald-peel" class="block p-2 text-base text-aura-brightGreen ">Classic AURA Emerald Peel</a>
<a href="/hydrafacial/aura-platinum-hydrafacial/" class="block p-2 text-base text-aura-brightGreen ">AURA Platinum Hydrafacial</a>
<a href="/hydrafacial/aura-clarifying-hydrafacial/" class="block p-2 text-base text-aura-brightGreen ">AURA Clarifying Hydrafacial</a>
</div>
</div>
<div @click="openTaxonomy[2] = openTaxonomy[2] === 6 ? null : 6">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
BODY THERAPIES <svg :class="{'rotate-180': openTaxonomy[2] === 6}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[2] === 6" class="p-3 space-y-5 " style="display: none;">
<a href="/cryolipolysis/coolsculpting/elite/" class="block p-2 text-base text-aura-brightGreen ">CoolSculpting Elite</a>
<a href="/360-body-lift/" class="block p-2 text-base text-aura-brightGreen ">360 Body Lift</a>
<a href="/body-countouring/aura-body-sculpt/" class="block p-2 text-base text-aura-brightGreen ">AURA Body Sculpting</a>
<a href="https://auramedical.sg/emsculpt/" class="block p-2 text-base text-aura-brightGreen ">EMSCULPT</a>
<a href="https://auramedical.sg/back-clarifying-hydrafacial/" class="block p-2 text-base text-aura-brightGreen ">Back Clarifying Hydrafacial</a>
</div>
</div>
<div @click="openTaxonomy[2] = openTaxonomy[2] === 7 ? null : 7">
<p class="flex justify-between px-2 py-4 text-sm border-b cursor-pointer text-aura-brightGreen gap-7 border-aura-brightGreen last:border-none">
OTHERS <svg :class="{'rotate-180': openTaxonomy[2] === 7}" xmlns="http://www.w3.org/2000/svg" width="11.696" height="6.757" viewBox="0 0 11.696 6.757" fill="none" stroke="#1F6A56" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M9,15l4.788,4.946L18.575,15" transform="translate(-9 -15)"></path>
</svg>
</p>
<div x-show="openTaxonomy[2] === 7" class="p-3 space-y-5 " style="display: none;">
<a href="/calecim-hair-growth-treatment/" class="block p-2 text-base text-aura-brightGreen ">Calecim Hair Growth Treatment</a>
</div>
</div>
</div>
</div>
</div>
<button class="z-50 px-4 py-3 my-6 space-x-2 brightGreen-button nav-menu-link xl:hidden w-fit" id="mobileRecommendedButton" @click="openSideMenu = !openSideMenu" :aria-expanded="openSideMenu" aria-controls="recommended-side-bar" aria-label="Open Side Menu" aria-expanded="false">
<span class="text-xs tracking-widest">FOR YOU</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mr-3 bg-white rounded-full 3xl:w-6 3xl:h-6" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
</button>
</div>
</div>
<!-- For you -->
<button class="z-50 hidden px-4 py-3 space-x-2 brightGreen-button nav-menu-link xl:flex">
<span class="text-xs">FOR YOU</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mr-3 bg-white rounded-full 3xl:w-6 3xl:h-6" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
<div class="flex flex-col text-white submenu-container-3">
<div class="flex flex-col w-full gap-10 px-12 my-12">
<div class="grid grid-flow-row grid-cols-4 gap-5 auto-rows-auto">
<a target="_blank" href="https://enquiry.auramedical.sg/rf-microneedling/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/Group_18867.webp" alt="RF Microneedling" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #d4daba">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#1f6a56"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #1f6a56;">
Performed by Doctors</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">RF Microneedling</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Transform your skin and scalp with Radiofrequency (RF) <br>Microneedling. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/pico-laser/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/08/pico-recommeded.png" alt="AURA Pico Pro" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #d4daba">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#1f6a56"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #1f6a56;">
performed by doctors</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">AURA Pico Pro</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Unveil flawless skin in picoseconds with the 755nm <br>Pico Laser. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/ultherapy/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/treatment-1.png" alt="Ultherapy" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #d4daba">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#1f6a56"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #1f6a56;">
Performed by doctors</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">Ultherapy</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Lift and tighten sagging skin for a naturally youthful look. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/ultraliftdv/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/coolsculpt.png" alt="UltraLift" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #1f6a56">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#e9edcb"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #e9edcb;">
Peformed by specialists</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">UltraLift</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Achieve a youthful lift with the award-winning AURA UltraLift. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/auraemeraldpeel/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/treatment-2.png" alt="AURA Emerald Peel" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #1f6a56">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#e9edcb"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #e9edcb;">
Performed by specialists</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">AURA Emerald Peel</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Discover the one-peel wonder for every skin woe. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/hydrafacial/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/Group_18866.webp" alt="Hydrafacial" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #1f6a56">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#e9edcb"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #e9edcb;">
Performed by Specialists </p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">Hydrafacial</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Uncover radiant skin in three simple steps. </p>
</a>
<a target="_blank" href="https://enquiry.auramedical.sg/coolsculpting/" class="relative flex flex-col items-start gap-3 group text-start">
<div class="relative overflow-hidden rounded-xl">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/Group_18865.webp" alt="CoolSculpting Elite" class="object-cover h-48 transition-transform duration-300 ease-in-out transform w-96 group-hover:scale-105 group-hover:opacity-75">
<div class="absolute inset-0 transition-opacity duration-300 bg-black opacity-0 group-hover:opacity-40">
</div>
<div class="absolute flex items-center py-1 pl-3 pr-4 uppercase rounded-full top-3 left-3" style="background-color: #1f6a56">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#e9edcb"></path>
</svg>
<p class="font-bold uppercase text-xxs font-opensans" style="color: #e9edcb;">
Performed by specialists</p>
</div>
</div>
<p class="font-lora text-[#1F6B56]">CoolSculpting Elite</p>
<p class="text-xs font-opensans normal-case text-[#1F3B3C]">
Effortlessly remove awkward bulges and stubborn fat. </p>
</a>
</div>
<div class="grid w-full auto-rows-auto auto-cols-auto">
</div>
</div>
<!-- <a href="/" style="align-self: end;"
class="mx-12 mb-6 brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237"
d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z"
transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="text-white">test</span>
</a> -->
</div>
</button>
</div>
</div>
<div class="z-50 md:block mobile-s:hidden">
<div class="fixed flex right-7 bottom-7 gap-x-6">
<a target="_blank" href="https://wa.me/+6586666306" class="flex items-center">
<button class="flex items-center rounded-full bg-aura-lightGreen bg-opacity-100 px-4 pr-8 text-[12px] font-bold text-aura-brightGreen text-opacity-100 md:text-[14px] xl:text-[16px]">
<img class="h-12" src="https://auramedical.sg/wp-content/uploads/2024/09/whatsapp-icon.svg" alt="icon">
WHATSAPP US </button>
</a>
</div>
</div>
<!-- Mobile's Book Appointment, Whatsapp, Contact No. -->
<div class="relative z-10">
<div class="fixed bottom-0 right-0 flex flex-row items-center w-full md:hidden">
<a href="https://wa.me/+6586666306" class="fixed z-50 flex items-center justify-center rounded-full shadow-lg right-1 sm:right-5 bottom-3 sm:bottom-5 bg-aura-lightGreen md:hidden">
<button class="flex items-center rounded-full bg-aura-lightGreen bg-opacity-100 text-[12px] font-bold text-aura-brightGreen text-opacity-100 md:text-[14px] xl:text-[16px]">
<img class="h-auto w-[3.75rem]" src="https://auramedical.sg/wp-content/uploads/2024/09/whatsapp-icon.svg" alt="icon">
</button>
</a>
</div>
</div>
</header>
<style>
.info-bar-2 a {
color: #1F6B56 !important;
}
.nav-menu-inputs {
position: absolute;
left: -9999px;
opacity: 0;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const navbar = document.getElementById("navbar");
const navMenuItems = document.querySelectorAll('.nav-menu-link');
const navMenuSubmenus = document.querySelectorAll('.nav-items-submenu');
// Container class for full width submenus
const subMenuContainers3All = document.querySelectorAll('.submenu-container-3');
const mobileMenuHamburgerIcon = document.getElementById("mobileMenuHamburgerIcon");
// To disable scrolling on body so that you cant scroll out of the mobile menu
mobileMenuHamburgerIcon.addEventListener('click', function() {
document.getElementsByTagName('body')[0].classList.toggle('overflow-hidden');
});
// Close all the sub menus when the mouse leaves the navbar
navbar.addEventListener("mouseleave", function() {
navMenuSubmenus.forEach(submenu => submenu.classList.add('hidden'));
subMenuContainers3All.forEach(container => container.classList.remove('max-h-[550px]'));
});
// Event listeners for when the mouse hovers over a navigation menu item
navMenuItems.forEach(item => {
item.addEventListener('mouseenter', function() {
// Close all opened submenus when a new one is opened
navMenuSubmenus.forEach(submenu => submenu.classList.add('hidden'));
subMenuContainers3All.forEach(container => container.classList.remove(
'max-h-[550px]'));
// Open the submenu user currently hovering on
const submenu = this.querySelector('.nav-items-submenu');
const submenuContainer3 = this.querySelector('.submenu-container-3');
// Check which type of submenu the mouse is hovering on currently
if (submenu) {
submenu.classList.toggle('hidden');
}
if (submenuContainer3) {
submenuContainer3.classList.add('max-h-[550px]');
}
});
// Close submenu when the mouse leaves the navigation menu item
item.addEventListener('mouseleave', function() {
const submenu = this.querySelector('.nav-items-submenu');
submenu.addEventListener("mouseleave", function() {
navMenuSubmenus.forEach(submenu => submenu.classList.add('hidden'));
})
});
});
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const items = document.querySelectorAll('.location-info-item');
// GSAP Timeline to show one item at a time with slide up effect and loop
const tl = gsap.timeline({
repeat: -1, // Infinite repeat
repeatDelay: 1 // Delay between loops
});
items.forEach((item, index) => {
tl.fromTo(item, {
opacity: 0, // Start invisible
y: 50 // Start below the view
}, {
opacity: 1, // Fade in
y: 0, // Slide up into place
duration: 1, // Animation duration for fade-in and slide-up
ease: 'power2.out' // Easing for a smoother effect
}).to(item, {
opacity: 0, // Fade out after being visible
y: -50, // Slide upwards and disappear
duration: 1, // Duration of fade-out and slide-up
ease: 'power2.in', // Smooth fade-out effect
delay: 2 // Time the item stays visible before fading out
}, `+=1`); // Ensure each item waits for a while before animating out
});
});
</script>
<div class="relative">
<!-- video or Image hero banner-->
<div class="z-[80] w-full h-[80vh] lg:h-[100vh] relative">
<!--video-->
<!-- Image -->
<img class="w-full h-[80vh] lg:h-[100vh] object-cover" src="https://auramedical.sg/wp-content/uploads/2024/08/home-banner.png">
<!-- Gradient Overlay -->
<div class="absolute inset-x-0 bottom-0 h-[40%] bg-gradient-to-t from-[#1F6A56] to-transparent"></div>
<!-- text div-->
<div class="absolute inset-0 flex flex-col justify-end items-start px-5 mobile-l:px-9 lg:px-[5.5rem] py-9 3xl:py-10">
<h1 class="text-white lg:w-4/5 xl:w-3/5 4xl:w-4/5">
Aesthetic treatments that enhance your AURA.</h1>
<div class="grid flex-wrap grid-cols-2 sm:flex gap-x-6 gap-y-3 md:gap-x-5 xl:gap-14 3xl:gap-16 4xl:gap-20 mt-7 2xl:mt-9 3xl:mt-10 4xl:mt-11">
<div class="flex items-center">
<div>
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-auto mr-4 lg:mr-6 sm:w-3 sm:h-3 xl:w-4 xl:h-4 2xl:w-5 2xl:h-5 3xl:w-6 3xl:h-6" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#fff"></path>
</svg>
</div>
<a class="" href="/ultherapy/singapore/">
<p class="font-semibold leading-normal text-white uppercase hover:text-aura-freshGreen text-xxs mobile-l:text-xs lg:text-sm xl:text-base 2xl:text-lg 3xl:text-xl 4xl:text-2xl">
Ultherapy</p>
</a>
</div>
<div class="flex items-center">
<div>
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-auto mr-4 lg:mr-6 sm:w-3 sm:h-3 xl:w-4 xl:h-4 2xl:w-5 2xl:h-5 3xl:w-6 3xl:h-6" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#fff"></path>
</svg>
</div>
<a class="" href="/rf-microneedling/potenza/">
<p class="font-semibold leading-normal text-white uppercase hover:text-aura-freshGreen text-xxs mobile-l:text-xs lg:text-sm xl:text-base 2xl:text-lg 3xl:text-xl 4xl:text-2xl">
Potenza RF Microneedling</p>
</a>
</div>
<div class="flex items-center">
<div>
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-auto mr-4 lg:mr-6 sm:w-3 sm:h-3 xl:w-4 xl:h-4 2xl:w-5 2xl:h-5 3xl:w-6 3xl:h-6" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#fff"></path>
</svg>
</div>
<a class="" href="/signature-aura-emerald-peel">
<p class="font-semibold leading-normal text-white uppercase hover:text-aura-freshGreen text-xxs mobile-l:text-xs lg:text-sm xl:text-base 2xl:text-lg 3xl:text-xl 4xl:text-2xl">
AURA Emerald Peel</p>
</a>
</div>
<div class="flex items-center">
<div>
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-auto mr-4 lg:mr-6 sm:w-3 sm:h-3 xl:w-4 xl:h-4 2xl:w-5 2xl:h-5 3xl:w-6 3xl:h-6" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#fff"></path>
</svg>
</div>
<a class="" href="/cryolipolysis/coolsculpting/elite/">
<p class="font-semibold leading-normal text-white uppercase hover:text-aura-freshGreen text-xxs mobile-l:text-xs lg:text-sm xl:text-base 2xl:text-lg 3xl:text-xl 4xl:text-2xl">
CoolSculpting Elite </p>
</a>
</div>
</div>
</div>
<!-- lottie-->
<div class="absolute top-[16rem] sm:inset-y-0 right-3 mobile-m:right-4 sm:right-8 md:right-16 z-10 flex items-center md:flex hidden">
<div class="flex pt-[4.5rem] mobile-l:pt-[6.5rem] sm:pt-[7rem] 3xl:pt-[10rem] items-center">
<p class=" rotate-[-90deg] text-xxs mobile-l:text-xs sm:text-sm 3xl:text-lg font-lora text-white">Scroll
</p>
</div>
<div class="flex items-center md:block h-36 mobile-l:h-48 sm:h-52 3xl:h-72">
<dotlottie-player src="https://lottie.host/31356109-6755-42da-9efa-dfa90808e39e/oXsWqXWE9h.json" alt="lottie-player" background="transparent" speed="0.9" loop="" autoplay="" renderer="true"></dotlottie-player>
</div>
</div>
</div>
</div>
<div class="fixed h-auto right-0 top-1/2 z-[200]">
<!-- Social links box (initially hidden on mobile) -->
<div id="socialLinksBox" class="transform -translate-y-[6.5rem] bg-aura-brightGreen rounded-l-xl p-2 w-12 lg:w-14 hidden lg:block">
<div class="relative block space-y-4">
<div class="block text-center">
<a href="https://linktr.ee/AURAinstagram" target="_blank">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/ig-icon.svg" class="block p-2 mx-auto" alt="Social Icon">
</a>
</div>
<div class="block text-center">
<a href="https://linktr.ee/AURAfacebook" target="_blank">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/facebook-icon.svg" class="block p-2 mx-auto" alt="Social Icon">
</a>
</div>
<div class="block text-center">
<a href="https://linktr.ee/AURAtiktok" target="_blank">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/tiktok-icon.svg" class="block p-2 mx-auto" alt="Social Icon">
</a>
</div>
<div class="block text-center">
<a href="https://www.xiaohongshu.com/user/profile/666908c40000000003031e7e?xhsshare=CopyLink&appuid=5edc8b5c000000000101e66d&apptime=1724749294 " target="_blank">
<img src="https://auramedical.sg/wp-content/uploads/2024/09/xhs-icon.svg" class="block p-2 mx-auto" alt="Social Icon">
</a>
</div>
</div>
</div>
<button id="toggleButton" class="rounded-l-xl h-12 sm:h-12 w-12 lg:hidden fixed top-[20%] right-0 bg-aura-brightGreen p-3 shadow-lg">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6" viewBox="0 0 74 74">
<g id="Group_18820" data-name="Group 18820" transform="translate(15390 19939)">
<g id="Group_18819" data-name="Group 18819">
<g id="Group_18818" data-name="Group 18818" transform="translate(-17194.383 -20885.383)">
<circle id="Ellipse_154" data-name="Ellipse 154" cx="37" cy="37" r="37" transform="translate(1804.383 946.383)" fill="#1f6b56"></circle>
</g>
</g>
<g id="Icon_feather-share-2" data-name="Icon feather-share-2" transform="translate(-15376.076 -19923.418)">
<path id="Path_11421" data-name="Path 11421" d="M33.551,8.525A5.525,5.525,0,1,1,28.025,3,5.525,5.525,0,0,1,33.551,8.525Z" transform="translate(4.102 0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"></path>
<path id="Path_11422" data-name="Path 11422" d="M15.551,19.025A5.525,5.525,0,1,1,10.025,13.5,5.525,5.525,0,0,1,15.551,19.025Z" transform="translate(0 2.393)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"></path>
<path id="Path_11423" data-name="Path 11423" d="M33.551,29.525A5.525,5.525,0,1,1,28.025,24,5.525,5.525,0,0,1,33.551,29.525Z" transform="translate(4.102 4.785)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"></path>
<path id="Path_11424" data-name="Path 11424" d="M12.885,22.658l12.579,7.33M25.446,9.765,12.885,17.1" transform="translate(1.911 1.542)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"></path>
</g>
</g>
</svg>
</button>
</div>
<div class=" bg-[#FEFFF8]">
<div data-aos="fade-up" class="container flex flex-col items-center pt-20 pb-10 text-center text-aura-brightGreen aos-init">
<div class="flex flex-wrap justify-center gap-8 my-8">
<img decoding="async" class="self-center w-auto h-auto transform scale-150" src="https://auramedical.sg/wp-content/uploads/2024/09/Path-11109.svg" alt="Company logo">
</div>
<div class="text-center sm:px-0 mt-4 text-aura-brightGreen md:w-[75%]">
<p class="font-lora h4">At AURA, we believe beauty is personal. That’s why we put you first, offering <i>science-backed aesthetic services</i> to enhance your natural allure and empower you to define beauty on your own terms. <i>Radiate confidence and let your true aura shine</i>.</p>
<!-- Button Wrapper -->
<div class="flex justify-center my-10">
<a href="https://auramedical.sg/about/our-story/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span>Our Story</span>
</button>
</a>
</div>
</div>
</div><div data-aos="fade-up" class="mobile-l:px-4 aos-init">
<div class="container flex flex-col pb-10 md:pb-0 lg:py-10 lg:flex-row gap-x-10 xl:gap-x-28 gap-y-10" data-block-name="click-image-change">
<!--text div-->
<div class="lg:w-[55%] text-aura-brightGreen">
<div class="mb-3 py-3 border-b-[1.5px] border-aura-brightGreen">
<h2 class="h5 font-bold uppercase">Discover Aura Group</h2>
</div>
<div>
<p id="description_under_title_Founded by Dr Karen Soh, AURA Group leverages 20 years of expertise in medical aesthetics. We provide customised scalp, face, and body solutions through two core brands to enhance results and elevate your aesthetic journey.
" class="text-left sm:pr-10">
Founded by Dr Karen Soh, AURA Group leverages 20 years of expertise in medical aesthetics. We provide customised scalp, face, and body solutions through two core brands to enhance results and elevate your aesthetic journey.
</p>
</div>
<div class="btn">
<div class="mb-5 lg:mb-3">
<button type="button" onclick="changeTextColor(0)" class="flex w-full py-5 cursor-default 3xl:py-6 4xl:py-7 ">
<span class="flex items-center mr-4">
<svg id="svg_0" class="w-6 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1a413b"></path>
</svg>
</span>
<div>
<p id="title_0" class="h2 text-left mb-5 ">
AURA Clinic </p>
<p id="description_0" class="text-left sm:pr-10">
FDA-approved, evidence-based treatments by doctors. </p>
</div>
</button>
<button type="button" onclick="changeTextColor(1)" class="flex w-full py-5 cursor-default 3xl:py-6 4xl:py-7 ">
<span class="flex items-center mr-4">
<svg id="svg_1" class="w-6 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1a413b"></path>
</svg>
</span>
<div>
<p id="title_1" class="h2 text-left mb-5 ">
AURA Medical Aesthetics </p>
<p id="description_1" class="text-left sm:pr-10">
Medical-grade treatments designed by doctors, delivered by specialists. </p>
</div>
</button>
</div>
</div>
<!--button-->
<div id="fade-button" class="flex justify-center lg:justify-start">
<a href="https://auramedical.sg/about/our-story/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">LEARN MORE</span>
</button>
</a>
</div>
</div>
<!--image div-->
<div class="lg:w-[45%] mb-5 lg:mb-0 sm:flex sm:justify-center lg:flex items-center">
<video id="video" class="w-full rounded-2xl" autoplay="" loop="" muted="" playsinline=""><source src="/wp-content/uploads/2024/09/discover-aura.mp4" type="video/mp4"></video> </div>
</div>
</div>
<script>
// Set full opacity for the 1st button
// var button = document.querySelector('.btn button:nth-child(2)');
// button.querySelector('h3').style.opacity = '.5'; // Set full opacity
// button.querySelector('p').style.opacity = '.5'; // Set full opacity
// button.querySelector('svg').style.opacity = '.5';
// function changeTextColor(index) {
// Reset opacity for all buttons
// var buttons = document.querySelectorAll('.btn button');
// buttons.forEach(button => {
// button.querySelector('h3').style.opacity = '0.5'; // Set default opacity
// button.querySelector('p').style.opacity = '0.5'; // Set default opacity
// button.querySelector('svg').style.opacity = '0.5';
// });
// Set full opacity for the clicked button
// var button = document.querySelector('.btn button:nth-child(' + (index + 1) + ')');
// button.querySelector('h3').style.opacity = '1'; // Set full opacity
// button.querySelector('p').style.opacity = '1'; // Set full opacity
// button.querySelector('svg').style.opacity = '1';
// // Update image src based on index
// var imageSrc = (index === 0) ? '' : '';
// document.getElementById('image').src = imageSrc;
//}
</script><div data-aos="fade-up" class="aos-init" data-block-name="button-swiper-animation">
<section class="justify-center h-full lg:container lg:flex">
<!--desktop view-->
<!-- girl with icons div-->
<div class="flex-row items-center justify-between hidden w-full h-auto p-6 my-10 bg-cover rounded-3xl lg:flex 3xl:p-8 4xl:p-10" style="background-image: url('https://auramedical.sg/wp-content/uploads/2024/07/Mask-Group-102.png');">
<!--icons div-->
<div class="h-full">
<h2 class="text-base font-medium text-white xl:text-sm 2xl:text-base 3xl:text-lg 4xl:text-xl font-opensans">WHAT IS YOUR CONCERN?</h2>
<div class="relative grid items-center h-full grid-rows-3">
<!--scalp button-->
<div id="button-scalp" class="flex flex-col items-center justify-center left-[11rem] top-[2.5rem] 2xl:left-[14rem] 2xl:top-[2rem] 3xl:left-[16rem] 4xl:left-[17rem] 4xl:top-[4rem] absolute">
<!-- White pulse circle -->
<div id="pulse-scalp">
<div class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animate-scale"></div>
</div>
<div id="pulse-scalp" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-scalp" class="left-[-.3rem] top-[-.3rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] 3xl:h-[5.6rem] 3xl:w-[5.6rem]"></div>
</div>
<!--button-->
<div class="relative ">
<button class="flex items-center justify-center rounded-full h-14 w-14 3xl:h-20 3xl:w-20" onclick="handleClick('scalp')">
<div class="">
<img decoding="async" class="3xl:h-20 3xl:w-20" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17412.svg" alt="Scalp Icon">
</div>
</button>
</div>
<p id="label-scalp" class="mt-1 font-bold text-white">SCALP</p>
</div>
<!--Eyes button-->
<div id="button-eyes" style="display:none" class="flex flex-col items-center justify-center left-[25rem] top-[4.5rem] 2xl:left-[26rem] 2xl:top-[5.4rem] 3xl:left-[34rem] 3xl:top-[6rem] 4xl:left-[36rem] 4xl:top-[6rem] absolute">
<!-- White pulse circle -->
<div id="pulse-eyes">
<div class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animate-scale"></div>
</div>
<div id="pulse-eyes" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-eyes" class="left-[-.3rem] top-[-.3rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] 3xl:h-[5.6rem] 3xl:w-[5.6rem]"></div>
</div>
<!--button-->
<div class="relative">
<button class="flex items-center justify-center rounded-full h-14 w-14 3xl:h-20 3xl:w-20" onclick="handleClick('eyes')">
<div class="">
<img decoding="async" class="3xl:h-20 3xl:w-20" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17580.svg" alt="Scalp Icon">
</div>
</button>
</div>
<p id="label-eyes" class="mt-1 font-bold text-white">EYES</p>
</div>
<!--face button-->
<div id="button-face" class="flex flex-col items-center justify-center left-[23rem] top-[11rem] 2xl:left-[28rem] 2xl:top-[12rem] 3xl:left-[31rem] 3xl:top-[16rem] 4xl:left-[33rem] 4xl:top-[17rem] absolute">
<!-- White pulse circle -->
<div id="pulse-face">
<div id="pulse-face" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animate-scale"></div>
</div>
<div id="pulse-face" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-face" class="left-[-.3rem] top-[-.33rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] 3xl:h-[5.6rem] 3xl:w-[5.6rem]"></div>
</div>
<!--button-->
<div class="relative">
<button class="flex items-center justify-center rounded-full h-14 w-14 3xl:h-20 3xl:w-20" onclick="handleClick('face')">
<img decoding="async" class="3xl:h-20 3xl:w-20" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17413.svg" alt="Face Icon">
</button>
</div>
<p id="label-face" class="mt-1 font-bold text-white">FACE</p>
</div>
<!--Skin button-->
<div id="button-skin" class="flex flex-col items-center justify-center left-[11rem] top-[15rem] 2xl:left-[14rem] 2xl:top-[18rem] 3xl:left-[15.5rem] 3xl:top-[21rem] 4xl:left-[17rem] 4xl:top-[23rem] absolute">
<!-- White pulse circle -->
<div id="pulse-skin">
<div class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animate-scale"></div>
</div>
<div id="pulse-skin" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-skin" class="left-[-.3rem] top-[-.3rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] 3xl:h-[5.6rem] 3xl:w-[5.6rem]"></div>
</div>
<!--button-->
<div class="relative">
<button class="flex items-center justify-center rounded-full h-14 w-14 3xl:h-20 3xl:w-20" onclick="handleClick('skin')">
<div class="">
<img decoding="async" class="3xl:h-20 3xl:w-20" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17573.svg" alt="Scalp Icon">
</div>
</button>
</div>
<p id="label-skin" class="mt-1 font-bold text-white">SKIN</p>
</div>
<!--body button-->
<div id="button-body" class="flex flex-col items-center justify-center left-[26rem] top-[22rem] 2xl:left-[30rem] 2xl:top-[24rem] 3xl:left-[37rem] 3xl:top-[31rem] 4xl:left-[40rem] 4xl:top-[33rem] absolute">
<!-- White pulse circle -->
<div id="pulse-body">
<div id="pulse-body" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animate-scale"></div>
</div>
<div id="pulse-body" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] 3xl:h-[6.5rem] 3xl:w-[6.5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-body" class="left-[-.3rem] top-[-.33rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] 3xl:h-[5.6rem] 3xl:w-[5.6rem]"></div>
</div>
<!--button-->
<div class="relative">
<button class="flex items-center justify-center rounded-full h-14 w-14 3xl:h-20 3xl:w-20" onclick="handleClick('body')">
<img decoding="async" class="3xl:h-20 3xl:w-20" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17412-1.svg" alt="Body Icon">
</button>
</div>
<p id="label-body" class="mt-1 font-bold text-white">BODY</p>
</div>
</div>
</div>
<!--text div-->
<div class="w-[25rem] xl:w-[27rem] 2xl:w-[29rem] 3xl:w-[35rem] 4xl:w-[42rem] backdrop-blur-md bg-white/30 rounded-2xl h-full py-12 2xl:py-14 3xl:py-20 px-12 2xl:px-14 4xl:px-20 text-green">
<!--card swiper-->
<div class="h-full swiper swiper-desk swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="h-full swiper-wrapper" style="transition-duration: 0ms;" id="swiper-wrapper-3610a55fd4197bd4" aria-live="polite"><div class="swiper-slide text-[#1C7B56] h-full swiper-slide-duplicate" data-swiper-slide-index="3">
<div class="flex flex-col justify-between h-full">
<!-- text above button div-->
<div>
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<h3 class=" font-marcellus">Scalp</h3>
</div>
<p class="mb-5 3xl:mb-8 4xl:mb-10">
Promote healthy hair growth and restore fullness with our innovative scalp treatments, designed to enhance hair density and overall scalp health.
</p>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatment by Doctors</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="/hair-loss/aura-hair-regrowth/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
AURA Hair Regrowth</p>
</a>
<a class="text-[#28BA95]" href="/hair-growth/supplements/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Hair Growth Supplements</p>
</a>
<a class="text-[#28BA95]" href="/hair-loss/medication/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Hair Loss Medication</p>
</a>
<a class="text-[#28BA95]" href="/rf-microneedling/potenza/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
POTENZA™ RF Microneedling</p>
</a>
</div>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatment by Specialists</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="/calecim-hair-growth-treatment/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Calecim Hair Growth Treatment</p>
</a>
</div>
</div>
<!-- button below text div-->
<div class="mt-auto">
<a href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide text-[#1C7B56] h-full" data-swiper-slide-index="0">
<div class="flex flex-col justify-between h-full">
<!-- text above button div-->
<div>
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<h3 class=" font-marcellus">Face</h3>
</div>
<p class="mb-5 3xl:mb-8 4xl:mb-10">
Enhance your facial features with our advanced treatments, including non-surgical facial contouring, designed to give you a youthful and refreshed look. </p>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatments by Doctors</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="https://auramedical.sg/fillers/dermal/singapore/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Dermal Fillers</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/ultherapy/singapore/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Ultherapy</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/laser/pico/picosure/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
PicoSure Laser</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/technology/thermage-flx/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Thermage FLX</p>
</a>
</div>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatments by Specialists</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="https://auramedical.sg/aura-calecim-facetherapy/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
AURA Calecim Facetherapy</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/hydrafacial/singapore/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
AURA Hydrafacial</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/purebiome-purifying/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
PureBiome Purifying</p>
</a>
<a class="text-[#28BA95]" href="/signature-aura-emerald-peel">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Signature AURA Emerald Peel</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/ultralift/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
UltraLift</p>
</a>
</div>
</div>
<!-- button below text div-->
<div class="mt-auto">
<a href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide text-[#1C7B56] h-full" data-swiper-slide-index="1">
<div class="flex flex-col justify-between h-full">
<!-- text above button div-->
<div>
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<h3 class=" font-marcellus">Skin</h3>
</div>
<p class="mb-5 3xl:mb-8 4xl:mb-10">
Achieve flawless, radiant skin with our skin care solutions, including laser treatments, chemical peels, and microneedling, tailored to address various skin concerns such as pigmentation, acne, and ageing. </p>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatments by Doctors</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="https://auramedical.sg/laser/acne/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Acne Laser</p>
</a>
<a class="text-[#28BA95]" href="/laser/pico/picosure/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
PicoSure Laser</p>
</a>
<a class="text-[#28BA95]" href="/rf-microneedling/potenza/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
POTENZA™ RF Microneedling</p>
</a>
<a class="text-[#28BA95]" href="/technology/thermage-flx/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Thermage FLX</p>
</a>
</div>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatment by Specialists</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="/age-defence/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Age-Defence</p>
</a>
<a class="text-[#28BA95]" href="/brilliant-glow/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Brilliant Glow</p>
</a>
<a class="text-[#28BA95]" href="/dew-drop/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Dew Drop</p>
</a>
<a class="text-[#28BA95]" href="/glow-revive/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Glow Revive</p>
</a>
<a class="text-[#28BA95]" href="/skin-retreat/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Skin Retreat</p>
</a>
</div>
</div>
<!-- button below text div-->
<div class="mt-auto">
<a href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide text-[#1C7B56] h-full" data-swiper-slide-index="2">
<div class="flex flex-col justify-between h-full">
<!-- text above button div-->
<div>
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<h3 class=" font-marcellus">Body</h3>
</div>
<p class="mb-5 3xl:mb-8 4xl:mb-10">
Sculpt and tone your body with our non-surgical body contouring, cellulite reduction, and fat reduction treatments, helping you achieve a slimmer, more defined silhouette. </p>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatments by Doctors</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="/laser/acne-laser/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Acne Laser</p>
</a>
<a class="text-[#28BA95]" href="/technology/thermage-flx/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Thermage FLX</p>
</a>
<a class="text-[#28BA95]" href="/ultherapy/singapore/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Ultherapy</p>
</a>
<a class="text-[#28BA95]" href="/laser/pico/picosure/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
PicoSure Laser</p>
</a>
</div>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatments by Specialists</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="/360-body-lift/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
360 Body Lift</p>
</a>
<a class="text-[#28BA95]" href="/body-countouring/aura-body-sculpting/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
AURA Body Sculpting</p>
</a>
<a class="text-[#28BA95]" href="/hydrafacial/singapore/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
AURA Hydrafacial</p>
</a>
<a class="text-[#28BA95]" href="/cryolipolysis/coolsculpting/elite/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
CoolSculpting Elite</p>
</a>
</div>
</div>
<!-- button below text div-->
<div class="mt-auto">
<a href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide text-[#1C7B56] h-full" data-swiper-slide-index="3">
<div class="flex flex-col justify-between h-full">
<!-- text above button div-->
<div>
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<h3 class=" font-marcellus">Scalp</h3>
</div>
<p class="mb-5 3xl:mb-8 4xl:mb-10">
Promote healthy hair growth and restore fullness with our innovative scalp treatments, designed to enhance hair density and overall scalp health.
</p>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatment by Doctors</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="/hair-loss/aura-hair-regrowth/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
AURA Hair Regrowth</p>
</a>
<a class="text-[#28BA95]" href="/hair-growth/supplements/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Hair Growth Supplements</p>
</a>
<a class="text-[#28BA95]" href="/hair-loss/medication/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Hair Loss Medication</p>
</a>
<a class="text-[#28BA95]" href="/rf-microneedling/potenza/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
POTENZA™ RF Microneedling</p>
</a>
</div>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatment by Specialists</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="/calecim-hair-growth-treatment/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Calecim Hair Growth Treatment</p>
</a>
</div>
</div>
<!-- button below text div-->
<div class="mt-auto">
<a href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide text-[#1C7B56] h-full swiper-slide-duplicate" data-swiper-slide-index="0">
<div class="flex flex-col justify-between h-full">
<!-- text above button div-->
<div>
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<h3 class=" font-marcellus">Face</h3>
</div>
<p class="mb-5 3xl:mb-8 4xl:mb-10">
Enhance your facial features with our advanced treatments, including non-surgical facial contouring, designed to give you a youthful and refreshed look. </p>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatments by Doctors</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="https://auramedical.sg/fillers/dermal/singapore/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Dermal Fillers</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/ultherapy/singapore/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Ultherapy</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/laser/pico/picosure/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
PicoSure Laser</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/technology/thermage-flx/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Thermage FLX</p>
</a>
</div>
<p class="mb-2 text-sm font-bold uppercase 3xl:text-lg 4xl:text-xl font-noto-sans 3xl:mb-7 4xl:mb-9">Treatments by Specialists</p>
<div class="flex flex-wrap mb-4 3xl:mb-9 4xl:mb-11">
<a class="text-[#28BA95]" href="https://auramedical.sg/aura-calecim-facetherapy/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
AURA Calecim Facetherapy</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/hydrafacial/singapore/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
AURA Hydrafacial</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/purebiome-purifying/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
PureBiome Purifying</p>
</a>
<a class="text-[#28BA95]" href="/signature-aura-emerald-peel">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
Signature AURA Emerald Peel</p>
</a>
<a class="text-[#28BA95]" href="https://auramedical.sg/ultralift/">
<p class="hover:text-aura-brightGreen 3xl:text-base mr-2"><span class=" mr-[0.2rem]">•</span>
UltraLift</p>
</a>
</div>
</div>
<!-- button below text div-->
<div class="mt-auto">
<a href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
<!-- mobile view-->
<!-- icons div-->
<div class="relative flex w-full h-auto lg:hidden">
<img decoding="async" class="w-full h-auto md:px-28 md:py-14" src="https://auramedical.sg/wp-content/uploads/2024/07/Mask-Group-111.jpg">
<div class="h-full">
<h2 class="absolute text-sm font-medium text-white mobile-l:text-base sm:text-lg font-opensans left-4 top-3 md:left-36 md:top-20">WHAT IS YOUR CONCERN?</h2>
<!--scalp button-->
<div id="button-scalp-mob" class="flex flex-col items-center justify-center left-[4rem] top-[4rem] mobile-m:left-[5rem] mobile-m:top-[5rem] mobile-l:left-[6rem] mobile-l:top-[6rem] sm:left-[10rem] sm:top-[9rem] md:left-[16rem] md:top-[10rem] absolute">
<!-- White pulse circle -->
<div id="pulse-scalp-mob">
<div class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animate-scale"></div>
</div>
<div id="pulse-scalp-mob" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-scalp-mob" class="left-[-.3rem] top-[-.3rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] "></div>
</div>
<!--button-->
<div class="relative">
<button class="flex items-center justify-center rounded-full h-14 w-14 " onclick="handleClick('scalp')">
<div class="">
<img decoding="async" class="" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17412.svg" alt="Scalp Icon">
</div>
</button>
</div>
<p id="label-scalp-mob" class="mt-1 font-bold text-white">SCALP</p>
</div>
<!--eyes button-->
<div id="button-eyes-mob" style="display:none" class="flex flex-col items-center justify-center left-[14.5rem] top-[5rem] mobile-m:left-[17rem] mobile-m:top-[6rem] mobile-l:left-[19rem] mobile-l:top-[8rem] sm:left-[29rem] sm:top-[12rem] md:left-[31.5rem] md:top-[13rem] absolute">
<!-- White pulse circle -->
<div id="pulse-eyes-mob">
<div class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animate-scale"></div>
</div>
<div id="pulse-eyes-mob" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-eyes-mob" class="left-[-.3rem] top-[-.3rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] "></div>
</div>
<!--button-->
<div class="relative">
<button class="flex items-center justify-center rounded-full h-14 w-14 " onclick="handleClick('eyes')">
<div class="">
<img decoding="async" class="" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17580.svg" alt="Scalp Icon">
</div>
</button>
</div>
<p id="label-eyes-mob" class="mt-1 font-bold text-white">EYES</p>
</div>
<!--face button-->
<div id="button-face-mob" class="flex flex-col items-center justify-center left-[13rem] top-[11rem] mobile-m:left-[15rem] mobile-m:top-[13rem] mobile-l:left-[17rem] mobile-l:top-[15rem] sm:left-[26rem] sm:top-[23rem] md:left-[29rem] md:top-[23rem] absolute">
<!-- White pulse circle -->
<div id="pulse-face-mob">
<div id="pulse-face-mob" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animate-scale"></div>
</div>
<div id="pulse-face-mob" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-face-mob" class="left-[-.3rem] top-[-.33rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] "></div>
</div>
<!--button-->
<div class="relative">
<button class="flex items-center justify-center rounded-full h-14 w-14" onclick="handleClick('face')">
<img decoding="async" class="" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17413.svg" alt="Face Icon">
</button>
</div>
<p id="label-face-mob" class="mt-1 font-bold text-white">FACE</p>
</div>
<!--skin button-->
<div id="button-skin-mob" class="flex flex-col items-center justify-center left-[5rem] top-[14rem] mobile-m:left-[5rem] mobile-m:top-[16rem] mobile-l:left-[6rem] mobile-l:top-[19rem] sm:left-[12rem] sm:top-[29rem] md:left-[17rem] md:top-[28rem] absolute">
<!-- White pulse circle -->
<div id="pulse-skin-mob">
<div id="pulse-skin-mob" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animate-scale"></div>
</div>
<div id="pulse-skin-mob" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-skin-mob" class="left-[-.3rem] top-[-.33rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] "></div>
</div>
<!--button-->
<div class="relative">
<button class="flex items-center justify-center rounded-full h-14 w-14" onclick="handleClick('skin')">
<img decoding="async" class="" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17573.svg" alt="Face Icon">
</button>
</div>
<p id="label-skin-mob" class="mt-1 font-bold text-white">SKIN</p>
</div>
<!--body button-->
<div id="button-body-mob" class="flex flex-col items-center justify-center left-[15rem] top-[18rem] mobile-m:left-[18rem] mobile-m:top-[22rem] mobile-l:left-[21rem] mobile-l:top-[25rem] sm:left-[32rem] sm:top-[37rem] md:left-[35rem] md:top-[35rem] absolute">
<!-- White pulse circle -->
<div id="pulse-body-mob">
<div id="pulse-body-mob" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animate-scale"></div>
</div>
<div id="pulse-body-mob" class="animate-pulse left-[-.8rem] top-[-.8rem] absolute">
<div class="rounded-full bg-white h-[5rem] w-[5rem] animation-scale-delay"></div>
</div>
</div>
<!-- White bg circle when click-->
<div id="circle-body-mob" class="left-[-.3rem] top-[-.33rem] absolute hidden">
<div class="rounded-full bg-white/30 h-[4.1rem] w-[4.1rem] "></div>
</div>
<!--button-->
<div class="relative">
<button class="flex items-center justify-center rounded-full h-14 w-14" onclick="handleClick('body')">
<img decoding="async" class="" src="https://auramedical.sg/wp-content/uploads/2024/07/Group-17412-1.svg" alt="Body Icon">
</button>
</div>
<p id="label-body-mob" class="mt-1 font-bold text-white">BODY</p>
</div>
</div>
</div>
<!--card swiper-->
<div class="flex h-full mb-12 bg-no-repeat bg-cover lg:mb-0 swiper swiper-mob lg:hidden swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden" style="background-image: url('https://auramedical.sg/wp-content/uploads/2024/06/Group-17341.png'); background-size: cover; background-position: center;">
<div class="h-full swiper-wrapper " style="transition-duration: 0ms; transform: translate3d(-790px, 0px, 0px);" id="swiper-wrapper-dc9aaed81c58491c" aria-live="polite"><div class="swiper-slide h-full text-[#1C7B56] p-8 mobile-m:px-8 mobile-m:py-16 sm:px-12 swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="3" style="width: 790px;" role="group" aria-label="4 / 4">
<div class="flex flex-col justify-between h-full">
<div class="">
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<p class="h2 font-marcellus">Scalp</p>
</div>
<p class="mb-5 text-xs">
Promote healthy hair growth and restore fullness with our innovative scalp treatments, designed to enhance hair density and overall scalp health.
</p>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatment by Doctors</p>
<div class="flex flex-wrap mb-6">
<a href="/hair-loss/aura-hair-regrowth/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>AURA Hair Regrowth</p>
</a>
<a href="/hair-growth/supplements/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Hair Growth Supplements</p>
</a>
<a href="/hair-loss/medication/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Hair Loss Medication</p>
</a>
<a href="/rf-microneedling/potenza/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>POTENZA™ RF Microneedling</p>
</a>
</div>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatment by Specialists</p>
<div class="flex flex-wrap mb-6">
<a href="/calecim-hair-growth-treatment/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Calecim Hair Growth Treatment</p>
</a>
</div>
</div>
<div class="mt-auto">
<a target="_blank" href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide h-full text-[#1C7B56] p-8 mobile-m:px-8 mobile-m:py-16 sm:px-12 swiper-slide-active" data-swiper-slide-index="0" style="width: 790px;" role="group" aria-label="1 / 4">
<div class="flex flex-col justify-between h-full">
<div class="">
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<p class="h2 font-marcellus">Face</p>
</div>
<p class="mb-5 text-xs">
Enhance your facial features with our advanced treatments, including non-surgical facial contouring, designed to give you a youthful and refreshed look. </p>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatments by Doctors</p>
<div class="flex flex-wrap mb-6">
<a href="https://auramedical.sg/fillers/dermal/singapore/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Dermal Fillers</p>
</a>
<a href="https://auramedical.sg/ultherapy/singapore/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Ultherapy</p>
</a>
<a href="https://auramedical.sg/laser/pico/picosure/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>PicoSure Laser</p>
</a>
<a href="https://auramedical.sg/technology/thermage-flx/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Thermage FLX</p>
</a>
</div>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatments by Specialists</p>
<div class="flex flex-wrap mb-6">
<a href="https://auramedical.sg/aura-calecim-facetherapy/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>AURA Calecim Facetherapy</p>
</a>
<a href="https://auramedical.sg/hydrafacial/singapore/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>AURA Hydrafacial</p>
</a>
<a href="https://auramedical.sg/purebiome-purifying/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>PureBiome Purifying</p>
</a>
<a href="/signature-aura-emerald-peel">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Signature AURA Emerald Peel</p>
</a>
<a href="https://auramedical.sg/ultralift/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>UltraLift</p>
</a>
</div>
</div>
<div class="mt-auto">
<a target="_blank" href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide h-full text-[#1C7B56] p-8 mobile-m:px-8 mobile-m:py-16 sm:px-12 swiper-slide-next" data-swiper-slide-index="1" style="width: 790px;" role="group" aria-label="2 / 4">
<div class="flex flex-col justify-between h-full">
<div class="">
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<p class="h2 font-marcellus">Skin</p>
</div>
<p class="mb-5 text-xs">
Achieve flawless, radiant skin with our skin care solutions, including laser treatments, chemical peels, and microneedling, tailored to address various skin concerns such as pigmentation, acne, and ageing. </p>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatments by Doctors</p>
<div class="flex flex-wrap mb-6">
<a href="https://auramedical.sg/laser/acne/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Acne Laser</p>
</a>
<a href="/laser/pico/picosure/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>PicoSure Laser</p>
</a>
<a href="/rf-microneedling/potenza/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>POTENZA™ RF Microneedling</p>
</a>
<a href="/technology/thermage-flx/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Thermage FLX</p>
</a>
</div>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatment by Specialists</p>
<div class="flex flex-wrap mb-6">
<a href="/age-defence/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Age-Defence</p>
</a>
<a href="/brilliant-glow/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Brilliant Glow</p>
</a>
<a href="/dew-drop/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Dew Drop</p>
</a>
<a href="/glow-revive/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Glow Revive</p>
</a>
<a href="/skin-retreat/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Skin Retreat</p>
</a>
</div>
</div>
<div class="mt-auto">
<a target="_blank" href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide h-full text-[#1C7B56] p-8 mobile-m:px-8 mobile-m:py-16 sm:px-12" data-swiper-slide-index="2" style="width: 790px;" role="group" aria-label="3 / 4">
<div class="flex flex-col justify-between h-full">
<div class="">
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<p class="h2 font-marcellus">Body</p>
</div>
<p class="mb-5 text-xs">
Sculpt and tone your body with our non-surgical body contouring, cellulite reduction, and fat reduction treatments, helping you achieve a slimmer, more defined silhouette. </p>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatments by Doctors</p>
<div class="flex flex-wrap mb-6">
<a href="/laser/acne-laser/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Acne Laser</p>
</a>
<a href="/technology/thermage-flx/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Thermage FLX</p>
</a>
<a href="/ultherapy/singapore/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Ultherapy</p>
</a>
<a href="/laser/pico/picosure/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>PicoSure Laser</p>
</a>
</div>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatments by Specialists</p>
<div class="flex flex-wrap mb-6">
<a href="/360-body-lift/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>360 Body Lift</p>
</a>
<a href="/body-countouring/aura-body-sculpting/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>AURA Body Sculpting</p>
</a>
<a href="/hydrafacial/singapore/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>AURA Hydrafacial</p>
</a>
<a href="/cryolipolysis/coolsculpting/elite/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>CoolSculpting Elite</p>
</a>
</div>
</div>
<div class="mt-auto">
<a target="_blank" href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide h-full text-[#1C7B56] p-8 mobile-m:px-8 mobile-m:py-16 sm:px-12 swiper-slide-duplicate-prev" data-swiper-slide-index="3" style="width: 790px;" role="group" aria-label="4 / 4">
<div class="flex flex-col justify-between h-full">
<div class="">
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<p class="h2 font-marcellus">Scalp</p>
</div>
<p class="mb-5 text-xs">
Promote healthy hair growth and restore fullness with our innovative scalp treatments, designed to enhance hair density and overall scalp health.
</p>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatment by Doctors</p>
<div class="flex flex-wrap mb-6">
<a href="/hair-loss/aura-hair-regrowth/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>AURA Hair Regrowth</p>
</a>
<a href="/hair-growth/supplements/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Hair Growth Supplements</p>
</a>
<a href="/hair-loss/medication/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Hair Loss Medication</p>
</a>
<a href="/rf-microneedling/potenza/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>POTENZA™ RF Microneedling</p>
</a>
</div>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatment by Specialists</p>
<div class="flex flex-wrap mb-6">
<a href="/calecim-hair-growth-treatment/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Calecim Hair Growth Treatment</p>
</a>
</div>
</div>
<div class="mt-auto">
<a target="_blank" href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide h-full text-[#1C7B56] p-8 mobile-m:px-8 mobile-m:py-16 sm:px-12 swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 4" style="width: 790px;">
<div class="flex flex-col justify-between h-full">
<div class="">
<div class="flex items-center mb-5 4xl:mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="28" viewBox="0 0 36.327 40.244" class="mr-3">
<path id="Path_69" data-name="Path 69" d="M18.163,0l-2.62,13.815L8.482,10.458l3.357,7.062L0,20.136l11.839,2.621L8.482,29.821l7.062-3.357,2.62,13.781,2.62-13.781,7.06,3.357-3.357-7.063,11.841-2.621L24.486,17.52l3.357-7.062-7.06,3.357Z" transform="translate(0 0)" fill="#1c7b56"></path>
</svg>
<p class="h2 font-marcellus">Face</p>
</div>
<p class="mb-5 text-xs">
Enhance your facial features with our advanced treatments, including non-surgical facial contouring, designed to give you a youthful and refreshed look. </p>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatments by Doctors</p>
<div class="flex flex-wrap mb-6">
<a href="https://auramedical.sg/fillers/dermal/singapore/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Dermal Fillers</p>
</a>
<a href="https://auramedical.sg/ultherapy/singapore/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Ultherapy</p>
</a>
<a href="https://auramedical.sg/laser/pico/picosure/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>PicoSure Laser</p>
</a>
<a href="https://auramedical.sg/technology/thermage-flx/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Thermage FLX</p>
</a>
</div>
<p class="mb-4 text-sm font-bold uppercase font-noto-sans">Treatments by Specialists</p>
<div class="flex flex-wrap mb-6">
<a href="https://auramedical.sg/aura-calecim-facetherapy/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>AURA Calecim Facetherapy</p>
</a>
<a href="https://auramedical.sg/hydrafacial/singapore/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>AURA Hydrafacial</p>
</a>
<a href="https://auramedical.sg/purebiome-purifying/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>PureBiome Purifying</p>
</a>
<a href="/signature-aura-emerald-peel">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>Signature AURA Emerald Peel</p>
</a>
<a href="https://auramedical.sg/ultralift/">
<p class="hover:text-[#28BA95] text-xs mr-2"><span class="mr-[0.2rem]">•</span>UltraLift</p>
</a>
</div>
</div>
<div class="mt-auto">
<a target="_blank" href="/doctors-treatment/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 3xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Explore All Treatments</span>
</button>
</a>
</div>
</div>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</section>
</div>
<script>
function handleClick(button) {
// Hide the labels of the other buttons
if (button === 'scalp') {
document.getElementById('pulse-body').style.opacity = '1';
document.getElementById('pulse-face').style.opacity = '1';
document.getElementById('pulse-skin').style.opacity = '1';
document.getElementById('pulse-eyes').style.opacity = '1';
document.getElementById('pulse-scalp').style.opacity = '0';
document.getElementById('circle-scalp').style.display = 'block';
document.getElementById('circle-face').style.display = 'none';
document.getElementById('circle-body').style.display = 'none';
document.getElementById('circle-skin').style.display = 'none';
document.getElementById('circle-eyes').style.display = 'none';
document.getElementById('label-scalp').style.display = 'block';
document.getElementById('label-face').style.display = 'none';
document.getElementById('label-body').style.display = 'none';
document.getElementById('label-skin').style.display = 'none';
document.getElementById('label-eyes').style.display = 'none';
document.getElementById('pulse-body-mob').style.opacity = '1';
document.getElementById('pulse-face-mob').style.opacity = '1';
document.getElementById('pulse-skin-mob').style.opacity = '1';
document.getElementById('pulse-eyes-mob').style.opacity = '1';
document.getElementById('pulse-scalp-mob').style.opacity = '0';
document.getElementById('circle-scalp-mob').style.display = 'block';
document.getElementById('circle-face-mob').style.display = 'none';
document.getElementById('circle-body-mob').style.display = 'none';
document.getElementById('circle-skin-mob').style.display = 'none';
document.getElementById('circle-eyes-mob').style.display = 'none';
document.getElementById('label-scalp-mob').style.display = 'block';
document.getElementById('label-face-mob').style.display = 'none';
document.getElementById('label-body-mob').style.display = 'none';
document.getElementById('label-skin-mob').style.display = 'none';
document.getElementById('label-eyes-mob').style.display = 'none';
} else if (button === 'face') {
document.getElementById('pulse-body').style.opacity = '1';
document.getElementById('pulse-face').style.opacity = '0';
document.getElementById('pulse-skin').style.opacity = '1';
document.getElementById('pulse-eyes').style.opacity = '1';
document.getElementById('pulse-scalp').style.opacity = '1';
document.getElementById('circle-scalp').style.display = 'none';
document.getElementById('circle-face').style.display = 'block';
document.getElementById('circle-body').style.display = 'none';
document.getElementById('circle-skin').style.display = 'none';
document.getElementById('circle-eyes').style.display = 'none';
document.getElementById('label-scalp').style.display = 'none';
document.getElementById('label-face').style.display = 'block';
document.getElementById('label-body').style.display = 'none';
document.getElementById('label-skin').style.display = 'none';
document.getElementById('label-eyes').style.display = 'none';
document.getElementById('pulse-body-mob').style.opacity = '1';
document.getElementById('pulse-face-mob').style.opacity = '0';
document.getElementById('pulse-skin-mob').style.opacity = '1';
document.getElementById('pulse-eyes-mob').style.opacity = '1';
document.getElementById('pulse-scalp-mob').style.opacity = '1';
document.getElementById('circle-scalp-mob').style.display = 'none';
document.getElementById('circle-face-mob').style.display = 'block';
document.getElementById('circle-body-mob').style.display = 'none';
document.getElementById('circle-skin-mob').style.display = 'none';
document.getElementById('circle-eyes-mob').style.display = 'none';
document.getElementById('label-scalp-mob').style.display = 'none';
document.getElementById('label-face-mob').style.display = 'block';
document.getElementById('label-body-mob').style.display = 'none';
document.getElementById('label-skin-mob').style.display = 'none';
document.getElementById('label-eyes-mob').style.display = 'none';
} else if (button === 'body') {
document.getElementById('pulse-body').style.opacity = '0';
document.getElementById('pulse-face').style.opacity = '1';
document.getElementById('pulse-skin').style.opacity = '1';
document.getElementById('pulse-eyes').style.opacity = '1';
document.getElementById('pulse-scalp').style.opacity = '1';
document.getElementById('circle-scalp').style.display = 'none';
document.getElementById('circle-face').style.display = 'none';
document.getElementById('circle-body').style.display = 'block';
document.getElementById('circle-skin').style.display = 'none';
document.getElementById('circle-eyes').style.display = 'none';
document.getElementById('label-scalp').style.display = 'none';
document.getElementById('label-face').style.display = 'none';
document.getElementById('label-body').style.display = 'block';
document.getElementById('label-skin').style.display = 'none';
document.getElementById('label-eyes').style.display = 'none';
document.getElementById('pulse-body-mob').style.opacity = '0';
document.getElementById('pulse-face-mob').style.opacity = '1';
document.getElementById('pulse-skin-mob').style.opacity = '1';
document.getElementById('pulse-eyes-mob').style.opacity = '1';
document.getElementById('pulse-scalp-mob').style.opacity = '1';
document.getElementById('circle-scalp-mob').style.display = 'none';
document.getElementById('circle-face-mob').style.display = 'none';
document.getElementById('circle-body-mob').style.display = 'block';
document.getElementById('circle-skin-mob').style.display = 'none';
document.getElementById('circle-eyes-mob').style.display = 'none';
document.getElementById('label-scalp-mob').style.display = 'none';
document.getElementById('label-face-mob').style.display = 'none';
document.getElementById('label-body-mob').style.display = 'block';
document.getElementById('label-skin-mob').style.display = 'none';
document.getElementById('label-eyes-mob').style.display = 'none';
} else if (button === 'skin') {
document.getElementById('pulse-body').style.opacity = '1';
document.getElementById('pulse-face').style.opacity = '0';
document.getElementById('pulse-skin').style.opacity = '1';
document.getElementById('pulse-eyes').style.opacity = '1';
document.getElementById('pulse-scalp').style.opacity = '1';
document.getElementById('circle-scalp').style.display = 'none';
document.getElementById('circle-face').style.display = 'none';
document.getElementById('circle-body').style.display = 'none';
document.getElementById('circle-skin').style.display = 'block';
document.getElementById('circle-eyes').style.display = 'none';
document.getElementById('label-scalp').style.display = 'none';
document.getElementById('label-face').style.display = 'none';
document.getElementById('label-body').style.display = 'none';
document.getElementById('label-skin').style.display = 'block';
document.getElementById('label-eyes').style.display = 'none';
document.getElementById('pulse-body-mob').style.opacity = '1';
document.getElementById('pulse-face-mob').style.opacity = '1';
document.getElementById('pulse-skin-mob').style.opacity = '0';
document.getElementById('pulse-eyes-mob').style.opacity = '1';
document.getElementById('pulse-scalp-mob').style.opacity = '1';
document.getElementById('circle-scalp-mob').style.display = 'none';
document.getElementById('circle-face-mob').style.display = 'none';
document.getElementById('circle-body-mob').style.display = 'none';
document.getElementById('circle-skin-mob').style.display = 'block';
document.getElementById('circle-eyes-mob').style.display = 'none';
document.getElementById('label-scalp-mob').style.display = 'none';
document.getElementById('label-face-mob').style.display = 'none';
document.getElementById('label-body-mob').style.display = 'none';
document.getElementById('label-skin-mob').style.display = 'block';
document.getElementById('label-eyes-mob').style.display = 'none';
} else {
document.getElementById('pulse-body').style.opacity = '1';
document.getElementById('pulse-face').style.opacity = '1';
document.getElementById('pulse-skin').style.opacity = '1';
document.getElementById('pulse-eyes').style.opacity = '0';
document.getElementById('pulse-scalp').style.opacity = '1';
document.getElementById('circle-scalp').style.display = 'none';
document.getElementById('circle-face').style.display = 'none';
document.getElementById('circle-body').style.display = 'none';
document.getElementById('circle-skin').style.display = 'none';
document.getElementById('circle-eyes').style.display = 'block';
document.getElementById('label-scalp').style.display = 'none';
document.getElementById('label-face').style.display = 'none';
document.getElementById('label-body').style.display = 'none';
document.getElementById('label-skin').style.display = 'none';
document.getElementById('label-eyes').style.display = 'block';
document.getElementById('pulse-body-mob').style.opacity = '1';
document.getElementById('pulse-face-mob').style.opacity = '1';
document.getElementById('pulse-skin-mob').style.opacity = '1';
document.getElementById('pulse-eyes-mob').style.opacity = '0';
document.getElementById('pulse-scalp-mob').style.opacity = '1';
document.getElementById('circle-scalp-mob').style.display = 'none';
document.getElementById('circle-face-mob').style.display = 'none';
document.getElementById('circle-body-mob').style.display = 'none';
document.getElementById('circle-skin-mob').style.display = 'none';
document.getElementById('circle-eyes-mob').style.display = 'block';
document.getElementById('label-scalp-mob').style.display = 'none';
document.getElementById('label-face-mob').style.display = 'none';
document.getElementById('label-body-mob').style.display = 'none';
document.getElementById('label-skin-mob').style.display = 'none';
document.getElementById('label-eyes-mob').style.display = 'block';
}
}
</script><section data-aos="fade-up" class="container lg:py-10 aos-init" data-block-name="accordion-with-right-image">
<div class="flex flex-col-reverse lg:flex-row gap-x-10 xl:gap-x-11">
<div class="lg:w-[55%] sm:mx-6 xl:mx-8">
<div class="mb-5 uppercase text-aura-brightGreen lg:mb-0">
<div class="py-3 mobile-l:py-4 lg:pt-0 lg:pb-4 border-b-[1.5px] border-aura-brightGreen sm:mx-auto md:mx-0">
<h2 class="h5 font-bold mobile-l:text-center lg:text-left ">Why Us</h2>
</div>
</div>
<div class="flex flex-col py-5 gap-y-4">
<!-- <div class="w-full" x-data="{ selectedAccordion: null }"> -->
<div class="w-full">
<div class="flex flex-col mb-3">
<!-- <button type="button" @click="selectedAccordion = selectedAccordion == 0 ? null : 0" aria-controls="disclosure-1" aria-expanded="false" class="flex items-center w-full py-4 3xl:py-6 4xl:py-7"> -->
<button type="button" class="flex items-center w-full py-2 cursor-default 3xl:py-4 4xl:py-5">
<span class="flex items-center mr-3">
<!-- <svg :class="{'opacity-100': selectedAccordion == 0, 'opacity-50': selectedAccordion != 0}" class="w-5 h-6 transition-opacity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"/>
</svg> -->
<svg class="w-5 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
</span>
<!-- <h2 :class="{'opacity-100': selectedAccordion == 0, 'opacity-50': selectedAccordion != 0}" class="flex-1 text-sm text-left sm:text-base xl:text-lg 2xl:text-xl 3xl:text-2xl 4xl:text-3xl text-aura-brightGreen">
Science-Led Approach </h2> -->
<p class="flex-1 text-left h4 text-aura-brightGreen">
Science-Led Approach </p>
</button>
<!-- <div :class="selectedAccordion == 0 ? 'max-h-[500px]' : 'max-h-0'" x-cloak class="pl-8 overflow-hidden transition-max-height"> -->
<div class="pl-8 overflow-hidden">
<p class="pb-3 leading-snug text-aura-brightGreen sm:w-full">
Our commitment to beauty is grounded in science. </p>
</div>
</div>
<div class="flex flex-col mb-3">
<!-- <button type="button" @click="selectedAccordion = selectedAccordion == 1 ? null : 1" aria-controls="disclosure-1" aria-expanded="false" class="flex items-center w-full py-4 3xl:py-6 4xl:py-7"> -->
<button type="button" class="flex items-center w-full py-2 cursor-default 3xl:py-4 4xl:py-5">
<span class="flex items-center mr-3">
<!-- <svg :class="{'opacity-100': selectedAccordion == 1, 'opacity-50': selectedAccordion != 1}" class="w-5 h-6 transition-opacity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"/>
</svg> -->
<svg class="w-5 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
</span>
<!-- <h2 :class="{'opacity-100': selectedAccordion == 1, 'opacity-50': selectedAccordion != 1}" class="flex-1 text-sm text-left sm:text-base xl:text-lg 2xl:text-xl 3xl:text-2xl 4xl:text-3xl text-aura-brightGreen">
20 Years of Experience </h2> -->
<p class="flex-1 text-left h4 text-aura-brightGreen">
20 Years of Experience </p>
</button>
<!-- <div :class="selectedAccordion == 1 ? 'max-h-[500px]' : 'max-h-0'" x-cloak class="pl-8 overflow-hidden transition-max-height"> -->
<div class="pl-8 overflow-hidden">
<p class="pb-3 leading-snug text-aura-brightGreen sm:w-full">
With two decades of expertise in medical aesthetics. </p>
</div>
</div>
<div class="flex flex-col mb-3">
<!-- <button type="button" @click="selectedAccordion = selectedAccordion == 2 ? null : 2" aria-controls="disclosure-1" aria-expanded="false" class="flex items-center w-full py-4 3xl:py-6 4xl:py-7"> -->
<button type="button" class="flex items-center w-full py-2 cursor-default 3xl:py-4 4xl:py-5">
<span class="flex items-center mr-3">
<!-- <svg :class="{'opacity-100': selectedAccordion == 2, 'opacity-50': selectedAccordion != 2}" class="w-5 h-6 transition-opacity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"/>
</svg> -->
<svg class="w-5 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
</span>
<!-- <h2 :class="{'opacity-100': selectedAccordion == 2, 'opacity-50': selectedAccordion != 2}" class="flex-1 text-sm text-left sm:text-base xl:text-lg 2xl:text-xl 3xl:text-2xl 4xl:text-3xl text-aura-brightGreen">
FDA-Approved Technology </h2> -->
<p class="flex-1 text-left h4 text-aura-brightGreen">
FDA-Approved Technology </p>
</button>
<!-- <div :class="selectedAccordion == 2 ? 'max-h-[500px]' : 'max-h-0'" x-cloak class="pl-8 overflow-hidden transition-max-height"> -->
<div class="pl-8 overflow-hidden">
<p class="pb-3 leading-snug text-aura-brightGreen sm:w-full">
Utilising FDA-approved medical devices. </p>
</div>
</div>
<div class="flex flex-col mb-3">
<!-- <button type="button" @click="selectedAccordion = selectedAccordion == 3 ? null : 3" aria-controls="disclosure-1" aria-expanded="false" class="flex items-center w-full py-4 3xl:py-6 4xl:py-7"> -->
<button type="button" class="flex items-center w-full py-2 cursor-default 3xl:py-4 4xl:py-5">
<span class="flex items-center mr-3">
<!-- <svg :class="{'opacity-100': selectedAccordion == 3, 'opacity-50': selectedAccordion != 3}" class="w-5 h-6 transition-opacity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"/>
</svg> -->
<svg class="w-5 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
</span>
<!-- <h2 :class="{'opacity-100': selectedAccordion == 3, 'opacity-50': selectedAccordion != 3}" class="flex-1 text-sm text-left sm:text-base xl:text-lg 2xl:text-xl 3xl:text-2xl 4xl:text-3xl text-aura-brightGreen">
Evidence-Based Treatments </h2> -->
<p class="flex-1 text-left h4 text-aura-brightGreen">
Evidence-Based Treatments </p>
</button>
<!-- <div :class="selectedAccordion == 3 ? 'max-h-[500px]' : 'max-h-0'" x-cloak class="pl-8 overflow-hidden transition-max-height"> -->
<div class="pl-8 overflow-hidden">
<p class="pb-3 leading-snug text-aura-brightGreen sm:w-full">
Ensuring every procedure is safe, effective, and supported by research. </p>
</div>
</div>
<div class="flex flex-col mb-3">
<!-- <button type="button" @click="selectedAccordion = selectedAccordion == 4 ? null : 4" aria-controls="disclosure-1" aria-expanded="false" class="flex items-center w-full py-4 3xl:py-6 4xl:py-7"> -->
<button type="button" class="flex items-center w-full py-2 cursor-default 3xl:py-4 4xl:py-5">
<span class="flex items-center mr-3">
<!-- <svg :class="{'opacity-100': selectedAccordion == 4, 'opacity-50': selectedAccordion != 4}" class="w-5 h-6 transition-opacity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"/>
</svg> -->
<svg class="w-5 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.451 30.411">
<path id="Path_41" data-name="Path 41" d="M13.726,0l-1.98,10.44L6.41,7.9l2.537,5.336L0,15.216,8.947,17.2,6.41,22.535,11.746,20l1.98,10.414L15.705,20l5.335,2.537L18.5,17.2l8.948-1.981L18.5,13.239,21.04,7.9,15.705,10.44Z" transform="translate(0 0)" fill="#1F6A56"></path>
</svg>
</span>
<!-- <h2 :class="{'opacity-100': selectedAccordion == 4, 'opacity-50': selectedAccordion != 4}" class="flex-1 text-sm text-left sm:text-base xl:text-lg 2xl:text-xl 3xl:text-2xl 4xl:text-3xl text-aura-brightGreen">
Personalised Care </h2> -->
<p class="flex-1 text-left h4 text-aura-brightGreen">
Personalised Care </p>
</button>
<!-- <div :class="selectedAccordion == 4 ? 'max-h-[500px]' : 'max-h-0'" x-cloak class="pl-8 overflow-hidden transition-max-height"> -->
<div class="pl-8 overflow-hidden">
<p class="pb-3 leading-snug text-aura-brightGreen sm:w-full">
We tailor our treatment to meet your individual needs, allowing your inner radiance to shine through and revealing your one-of-a-kind aura. </p>
</div>
</div>
</div>
</div>
</div>
<div class="lg:w-[45%] mb-5 lg:mb-0 sm:flex sm:justify-center lg:block flex-shrink-0">
<img decoding="async" class="w-full h-auto" src="https://auramedical.sg/wp-content/uploads/2024/09/Group-18557.png" alt="Image">
</div>
</div>
</section><div data-aos="fade-up" class="relative py-10 sm:container aos-init">
<div class="swiper scroll-swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="mb-0 swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);" id="swiper-wrapper-4a33a04e106710bb64" aria-live="polite">
<div class="flex flex-col justify-center px-2 mb-6 sm:px-10 swiper-slide gap-x-20 xl:gap-x-24 lg:flex-row swiper-slide-active" style="width: 646px; margin-right: 30px;" role="group" aria-label="1 / 2">
<div class="flex w-full lg:w-[40%] justify-center">
<img decoding="async" class="object-contain mb-5 lg:mb-0" src="https://auramedical.sg/wp-content/uploads/2024/08/Dr-Karen.png">
</div>
<div class="relative flex flex-col justify-center xl:mr-12 lg:w-1/2 text-aura-brightGreen">
<h2 class="h5 uppercase border-b-[1.5px] py-6 font-bold border-aura-brightGreen">
Our Doctors </h2>
<p class="h2 mt-8 mb-6">
Dr. Karen Soh </p>
<p class="mb-2 font-bold">• MBBS (Singapore) <br>• American Academy of Aesthetic Medicine (AAAM) <br>• American Academy of Anti-Aging Medicine (A4M)</p>
<img decoding="async" src="" class="lg:hidden ">
<p class="mt-5 mb-8 leading-snug text-justify lg:text-left ">Dr. Karen Soh, a Raffles Top Scholar with over 15 years of leadership in medical aesthetics, holds a Bachelor of Medicine from the National University of Singapore. She specialises in Botox, dermal fillers, non-surgical facelifts, and a range of other aesthetic treatments, continuously staying at the forefront of the field through international training.</p>
<div class="flex flex-col items-center justify-center gap-2 lg:flex-row lg:justify-start">
<a target="" href="/about/dr-karen-soh/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 4xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Read more about Dr Karen Soh</span>
</button>
</a>
<div class="flex hidden lg:block">
<a href="https://www.instagram.com/drkarensoh/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="55" height="55" viewBox="0 0 71 71">
<defs>
<linearGradient id="linear-gradient" x1="0.084" y1="0.916" x2="0.916" y2="0.084" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#ffd600"></stop>
<stop offset="0.5" stop-color="#ff0100"></stop>
<stop offset="1" stop-color="#d800b9"></stop>
</linearGradient>
<linearGradient id="linear-gradient-2" x1="0.146" y1="0.854" x2="0.854" y2="0.146" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#ff6400"></stop>
<stop offset="0.5" stop-color="#ff0100"></stop>
<stop offset="1" stop-color="#fd0056"></stop>
</linearGradient>
<linearGradient id="linear-gradient-3" x1="0.146" y1="0.854" x2="0.854" y2="0.146" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#f30072"></stop>
<stop offset="1" stop-color="#e50097"></stop>
</linearGradient>
</defs>
<g id="Group_18856" data-name="Group 18856" transform="translate(19365 12519)">
<g id="Group_18855" data-name="Group 18855" transform="translate(-19365 -12519.27)">
<circle id="Ellipse_196" data-name="Ellipse 196" cx="35.5" cy="35.5" r="35.5" transform="translate(0 0.27)" fill="#eff0e9"></circle>
</g>
<g id="instagram_2_" data-name="instagram (2)" transform="translate(-19348 -12502)">
<path id="Path_11426" data-name="Path 11426" d="M37.842,11.154a13.933,13.933,0,0,0-.882-4.607,9.3,9.3,0,0,0-2.189-3.362A9.3,9.3,0,0,0,31.41,1,13.93,13.93,0,0,0,26.8.115C24.779.022,24.132,0,18.978,0s-5.8.022-7.825.114A13.935,13.935,0,0,0,6.547,1,9.3,9.3,0,0,0,3.185,3.185,9.3,9.3,0,0,0,1,6.547a13.932,13.932,0,0,0-.881,4.607C.022,13.178,0,13.824,0,18.978s.022,5.8.115,7.825A13.93,13.93,0,0,0,1,31.41a9.3,9.3,0,0,0,2.189,3.361A9.3,9.3,0,0,0,6.547,36.96a13.926,13.926,0,0,0,4.607.882c2.024.092,2.671.114,7.825.114s5.8-.022,7.825-.114a13.927,13.927,0,0,0,4.607-.882,9.7,9.7,0,0,0,5.55-5.55,13.929,13.929,0,0,0,.882-4.607c.092-2.024.114-2.671.114-7.825S37.935,13.178,37.842,11.154ZM34.426,26.647a10.5,10.5,0,0,1-.653,3.524,6.285,6.285,0,0,1-3.6,3.6,10.5,10.5,0,0,1-3.524.653c-2,.092-2.6.111-7.669.111s-5.668-.019-7.669-.111a10.5,10.5,0,0,1-3.524-.653A5.882,5.882,0,0,1,5.6,32.353a5.879,5.879,0,0,1-1.42-2.182,10.5,10.5,0,0,1-.653-3.524c-.091-2-.111-2.6-.111-7.669s.019-5.668.111-7.669a10.508,10.508,0,0,1,.653-3.524A5.884,5.884,0,0,1,5.6,5.6a5.876,5.876,0,0,1,2.182-1.42,10.5,10.5,0,0,1,3.524-.654c2-.091,2.6-.111,7.669-.111h0c5.067,0,5.668.019,7.669.111a10.5,10.5,0,0,1,3.524.653A5.884,5.884,0,0,1,32.353,5.6a5.876,5.876,0,0,1,1.42,2.182,10.491,10.491,0,0,1,.654,3.524c.091,2,.111,2.6.111,7.669S34.518,24.646,34.426,26.647Zm0,0" fill="url(#linear-gradient)"></path>
<path id="Path_11427" data-name="Path 11427" d="M134.284,124.539a9.746,9.746,0,1,0,9.746,9.746A9.746,9.746,0,0,0,134.284,124.539Zm0,16.072a6.326,6.326,0,1,1,6.326-6.326A6.326,6.326,0,0,1,134.284,140.611Zm0,0" transform="translate(-115.307 -115.307)" fill="url(#linear-gradient-2)"></path>
<path id="Path_11428" data-name="Path 11428" d="M366.485,90.9a2.277,2.277,0,1,1-2.277-2.278A2.277,2.277,0,0,1,366.485,90.9Zm0,0" transform="translate(-335.098 -82.055)" fill="url(#linear-gradient-3)"></path>
</g>
</g>
</svg>
</a>
</div>
<div class="lg:hidden">
<a target="" href="https://www.instagram.com/drkarensoh/">
<button class="md:w-[22rem] mobile-m:w-72 lightGreen-button">
<svg id="Group_18686" data-name="Group 18686" class="w-4 h-4 mr-3 4xl:w-5" xmlns="http://www.w3.org/2000/svg" width="34.535" height="34.534" viewBox="0 0 34.535 34.534">
<g id="Group_17890" data-name="Group 17890">
<g id="Icon_feather-instagram" data-name="Icon feather-instagram">
<path id="Path_3" data-name="Path 3" d="M10.918,1.5h15.7a9.429,9.429,0,0,1,9.418,9.418v15.7a9.429,9.429,0,0,1-9.418,9.418h-15.7A9.429,9.429,0,0,1,1.5,26.616v-15.7A9.429,9.429,0,0,1,10.918,1.5Zm15.7,31.395a6.286,6.286,0,0,0,6.279-6.279v-15.7a6.286,6.286,0,0,0-6.279-6.279h-15.7a6.286,6.286,0,0,0-6.279,6.279v15.7a6.286,6.286,0,0,0,6.279,6.279Z" transform="translate(-1.5 -1.5)" fill="#1F3B3C"></path>
<path id="Path_4" data-name="Path 4" d="M18.411,10.435a7.89,7.89,0,0,1,1.154.085,7.849,7.849,0,0,1,2.377,14.775,7.884,7.884,0,0,1-3.527.838,7.849,7.849,0,0,1,0-15.7Zm0,12.558a4.71,4.71,0,0,0,4.656-5.4A4.709,4.709,0,0,0,19.1,13.626a4.739,4.739,0,0,0-.693-.051,4.709,4.709,0,0,0,0,9.419Z" transform="translate(-1.079 -1.085)" fill="#1F3B3C"></path>
<path id="Path_5" data-name="Path 5" d="M26.25,9.75h0" transform="translate(-0.349 -1.116)" fill="none"></path>
</g>
</g>
<circle id="Ellipse_243" data-name="Ellipse 243" cx="2" cy="2" r="2" transform="translate(25.693 5.842)" fill="#fff"></circle>
</svg>
<span class="flex items-center justify-center">Follow Dr Karen Soh</span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col justify-center px-2 mb-6 sm:px-10 swiper-slide gap-x-20 xl:gap-x-24 lg:flex-row swiper-slide-next" style="width: 646px; margin-right: 30px;" role="group" aria-label="2 / 2">
<div class="flex w-full lg:w-[40%] justify-center">
<img decoding="async" class="object-contain mb-5 lg:mb-0" src="https://auramedical.sg/wp-content/uploads/2024/08/Dr-Joanna-Image.png">
</div>
<div class="relative flex flex-col justify-center xl:mr-12 lg:w-1/2 text-aura-brightGreen">
<h2 class="h5 uppercase border-b-[1.5px] py-6 font-bold border-aura-brightGreen">
Our Doctors </h2>
<p class="h2 mt-8 mb-6">
Dr. Joanna Chan </p>
<p class="mb-2 font-bold">• MBBS (Singapore) <br> • MMed (Family Medicine) (Singapore)</p>
<img decoding="async" src="" class="lg:hidden ">
<p class="mt-5 mb-8 leading-snug text-justify lg:text-left ">Dr. Joanna Chan, with over 10 years of experience in aesthetic medicine, holds post-graduate degrees in Family Medicine and Practical Dermatology. Accredited by the Singapore Medical Council, she combines personalised care with advanced training in the latest aesthetic techniques.</p>
<div class="flex flex-col items-center justify-center gap-2 lg:flex-row lg:justify-start">
<a target="" href="/about/dr-joanna-chan/">
<button class="brightGreen-button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 4xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
<span class="">Read more about Dr. Joanna Chan</span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-scrollbar swiper-scrollbar-horizontal"><div class="swiper-scrollbar-drag" style="transform: translate3d(0px, 0px, 0px); width: 138.778px;"></div></div>
<div class="hidden lg:block swiper-button-next swiper-button-next-review" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-4a33a04e106710bb64" aria-disabled="false"></div>
<div class="hidden lg:block swiper-button-prev swiper-button-prev-review swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-4a33a04e106710bb64" aria-disabled="true"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<!-- <div data-aos="fade-up" class="relative py-10 sm:container">
<div class="swiper scroll-swiper">
<div class="mb-0 swiper-wrapper">
<div class="flex flex-col justify-center px-2 mb-6 sm:px-10 swiper-slide gap-x-20 xl:gap-x-24 lg:flex-row">
<div class="flex w-full lg:w-[40%] justify-center">
<img decoding="async" class="object-contain mb-5 lg:mb-0" src="https://auramedical.sg/wp-content/uploads/2024/08/Dr-Karen.png">
</div>
<div class="relative flex flex-col justify-center xl:mr-12 lg:w-1/2 text-aura-brightGreen">
<h5 class="uppercase border-b-[1.5px] py-6 font-bold border-aura-brightGreen">
Our Doctors </h5>
<p class="mt-8 mb-6 h2">Dr. Karen Soh</p>
<p class="mb-2 font-bold">• MBBS (Singapore) <br>• American Academy of Aesthetic Medicine (AAAM) <br>• American Academy of Anti-Aging Medicine (A4M)</p>
<img decoding="async" src="" class="lg:hidden">
<p class="mt-5 mb-8 leading-snug text-justify lg:text-left ">Dr. Karen Soh, a Raffles Top Scholar with over 15 years of leadership in medical aesthetics, holds a Bachelor of Medicine from the National University of Singapore. She specialises in Botox, dermal fillers, non-surgical facelifts, and a range of other aesthetic treatments, continuously staying at the forefront of the field through international training.</p>
<div class="flex flex-col items-center w-full gap-2 sm:justify-center lg:flex-row lg:justify-start">
<a href="/about/dr-karen-soh/" class="w-full sm:w-auto">
<button class="w-full brightGreen-button sm:w-auto">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 4xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff" />
</svg>
<span class="">Read more about Dr Karen Soh</span>
</button>
</a>
<a href="https://www.instagram.com/drkarensoh/" class="w-full sm:w-auto">
<button class="w-full brightGreen-button sm:w-auto">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 4xl:w-5" viewBox="0 0 34.535 34.534">
<g id="Icon_feather-instagram" data-name="Icon feather-instagram">
<path id="Path_3" data-name="Path 3" d="M10.918,1.5h15.7a9.429,9.429,0,0,1,9.418,9.418v15.7a9.429,9.429,0,0,1-9.418,9.418h-15.7A9.429,9.429,0,0,1,1.5,26.616v-15.7A9.429,9.429,0,0,1,10.918,1.5Zm15.7,31.395a6.286,6.286,0,0,0,6.279-6.279v-15.7a6.286,6.286,0,0,0-6.279-6.279h-15.7a6.286,6.286,0,0,0-6.279,6.279v15.7a6.286,6.286,0,0,0,6.279,6.279Z" transform="translate(-1.5 -1.5)" fill="#fff" />
<path id="Path_4" data-name="Path 4" d="M18.411,10.435a7.89,7.89,0,0,1,1.154.085,7.849,7.849,0,0,1,2.377,14.775,7.884,7.884,0,0,1-3.527.838,7.849,7.849,0,0,1,0-15.7Zm0,12.558a4.71,4.71,0,0,0,4.656-5.4A4.709,4.709,0,0,0,19.1,13.626a4.739,4.739,0,0,0-.693-.051,4.709,4.709,0,0,0,0,9.419Z" transform="translate(-1.079 -1.085)" fill="#fff" />
<circle id="Ellipse_243" data-name="Ellipse 243" cx="2" cy="2" r="2" transform="translate(25.693 5.842)" fill="#fff" />
</svg>
<span class="">Follow Dr Karen Soh</span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col justify-center px-2 mb-6 sm:px-10 swiper-slide gap-x-20 xl:gap-x-24 lg:flex-row">
<div class="flex w-full lg:w-[40%] justify-center">
<img decoding="async" class="object-contain mb-5 lg:mb-0" src="https://auramedical.sg/wp-content/uploads/2024/08/Dr-Joanna-Image.png">
</div>
<div class="relative flex flex-col justify-center xl:mr-12 lg:w-1/2 text-aura-brightGreen">
<h5 class="uppercase border-b-[1.5px] py-6 font-bold border-aura-brightGreen">
Our Doctors </h5>
<p class="mt-8 mb-6 h2">Dr. Joanna Chan</p>
<p class="mb-2 font-bold">• MBBS (Singapore) <br> • MMed (Family Medicine) (Singapore)</p>
<img decoding="async" src="" class="lg:hidden">
<p class="mt-5 mb-8 leading-snug text-justify lg:text-left ">Dr. Joanna Chan, with over 10 years of experience in aesthetic medicine, holds post-graduate degrees in Family Medicine and Practical Dermatology. Accredited by the Singapore Medical Council, she combines personalised care with advanced training in the latest aesthetic techniques.</p>
<div class="flex flex-col items-center w-full gap-2 sm:justify-center lg:flex-row lg:justify-start">
<a href="/about/dr-joanna-chan/" class="w-full sm:w-auto">
<button class="w-full brightGreen-button sm:w-auto">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 4xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff" />
</svg>
<span class="">Read more about Dr. Joanna Chan</span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-scrollbar"></div>
<div class="hidden lg:block swiper-button-next swiper-button-next-review"></div>
<div class="hidden lg:block swiper-button-prev swiper-button-prev-review"></div>
</div>
</div> -->
<script>
document.addEventListener('DOMContentLoaded', function() {
var swiper = new Swiper('.scroll-swiper', {
scrollbar: {
el: '.swiper-scrollbar',
},
navigation: {
nextEl: '.swiper-button-next-review',
prevEl: '.swiper-button-prev-review',
},
slidesPerView: 1,
spaceBetween: 30,
// Add additional configuration options as needed
});
console.log(swiper); // Debugging: check swiper instance
});
</script><div id="" class="relative container pt-0 text-aura-brightGreen " data-block-name="treatment-titles">
<div class="relative ">
<!-- Title w-full, but inline-block -->
<div class="">
<!--button-->
</div>
</div>
</div><div data-aos="fade-up" class="sm:container pt-10 sm:pb-10 aos-init" data-block-name="price-banner-green">
<div class="">
<!--background-->
<div class="relative flex flex-col px-8 py-20 bg-left bg-no-repeat bg-cover sm:flex-row sm:rounded-2xl lg:bg-contain 3xl:bg-cover md:bg-center 3xl:rounded-3xl lg:gap-x-12 sm:pl-8 sm:pr-2 md:py-20 lg:pl-12 lg:pr-4 3xl:gap-x-16 3xl:pl-16 3xl:pr-5 lg:py-24 3xl:py-12 4xl:gap-x-20 4xl:pl-20 4xl:pr-8 4xl:py-14" style="background-image: url('https://auramedical.sg/wp-content/uploads/2024/09/emerald_peel.png'); ">
<!--aura logo-->
<!--text div-->
<div class="sm:w-[80%] flex flex-col gap-y-4 2xl:gap-y-5 3xl:gap-y-6 4xl:gap-y-7 order-2 sm:order-1">
<div class="flex items-center py-1 pl-3 pr-4 mx-auto uppercase rounded-full sm:mx-0 bg-aura-freshGreen 3xl:pl-4 3xl:pr-5 3xl:py-2 w-fit">
<svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 mr-2 lg:mr-3 xl:w-3 xl:h-3 2xl:w-4 2xl:h-4 3xl:w-5 3xl:h-5" viewBox="0 0 20.9 21.505">
<path id="Path_152" data-name="Path 152" d="M685.3,274.885v.935c7,0,9.9,4.441,9.9,10.285h1.1c0-5.844,2.9-10.285,9.9-10.285v-.935c-7,0-9.9-4.441-9.9-10.285h-1.1C695.2,270.444,692.3,274.885,685.3,274.885Z" transform="translate(-685.3 -264.6)" fill="#1F6956"></path>
</svg>
<p class="font-bold text-aura-brightGreen">PERFORMED BY SPECIALISTS</p>
</div>
<p class="pt-2 pb-4 text-center h2 sm:text-left" style="color: #ffffff;">AURA Emerald Peel</p>
<p class="pb-4 text-center sm:text-left" style="color: #ffffff;">Unveil your glow with the AURA Emerald Peel! Revitalise and glow with the AURA Emerald Peel — Smooth, brighten, and reveal your best skin!</p>
<div class="flex justify-center sm:justify-start">
<a target="" href="/signature-aura-emerald-peel">
<button class="
white-button
">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-3 4xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="
#1F6B56
">
</path></svg>
<span class="">Find out more</span>
</button>
</a>
</div>
</div>
</div>
</div>
</div><div class="container pt-8 pb-14" data-block-name="contact-us-map">
<!-- <h2 class="text-xl md:text-2xl xl:text-3xl 2xl:text-4xl 3xl:text-5xl 4xl:text-6xl text-center text-aura-blackText font-light">Locate Us</h2> -->
<h2 class="text-center text-aura-blackText font-light">Locate Us</h2>
<!-- Map section -->
<div class="xl:px-10 flex flex-col mt-8 gap-y-6 map-section justify-center">
<!-- <div style="height:400px; width:100%; display:inline-block; overflow:hidden;">
<iframe id="office-map" width="100%" height="450" frameborder="0" style="position:relative; top:-60px; border:none;" src="https://www.google.com/maps/d/u/0/embed?mid=18_FWKmp0QN2grdKANvV9CrfMXKr3tXw&ehbc=2E312F&noprof=1" allowfullscreen="" loading="lazy" aria-hidden="false" tabindex="0"></iframe>
</div> -->
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 lg:gap-x-4 gap-x-6 gap-y-6">
<div class="flex flex-col gap-y-6 w-full gap-x-10 sm:mx-auto">
<!-- <iframe id="office-map" width="100%" height="300" frameborder="0" style="border:0" src="https://maps.app.goo.gl/SQkT9kEfVFjwtnGJ8" allowfullscreen="" loading="lazy" aria-hidden="false" tabindex="0"></iframe> -->
<!-- office details -->
<div data-map="https://maps.app.goo.gl/SQkT9kEfVFjwtnGJ8" class="flex flex-col w-full duration-200 transform">
<!-- office image -->
<img decoding="async" class="" src="https://auramedical.sg/wp-content/uploads/2024/06/79B5F00E-3CE1-4ACF-ADCB-4A69C3A73903.jpg">
<div class="bg-aura-jadeGreen xl:px-10 py-8 px-6 sm:px-6 h-full">
<div class="flex flex-col mobile-m:flex-row lg:flex-col justify-between gap-y-4 gap-x-4">
<div class="flex gap-x-4 w-full">
<svg class="pt-1" id="图层_x0020_1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 30 30">
<path id="Path_324" data-name="Path 324" d="M15,30A15,15,0,1,1,30,15,15,15,0,0,1,15,30ZM15,5.243a7.43,7.43,0,0,1,7.43,7.43c0,4.1-7.43,12.083-7.43,12.083s-7.43-7.98-7.43-12.083A7.43,7.43,0,0,1,15,5.243Zm0,4.478a2.817,2.817,0,1,1-2.817,2.818A2.818,2.818,0,0,1,15,9.721Z" fill="#fff" fill-rule="evenodd"></path>
</svg>
<p class="font-bold text-[15px] text-white uppercase duration-300 ">AURA Clinic,<br>One Holland Village </p>
</div>
<p class="pl-0 lg:pl-[35px] text-[15px] text-white duration-300 font-[500] w-[80%]">7 Holland Village Way<br>
#03-10<br>
Singapore 275748</p>
<a target="_blank" class="hidden lg:block pl-0 lg:pl-[35px] underline text-white text-[15px]" href="https://maps.app.goo.gl/SQkT9kEfVFjwtnGJ8">View Directions Here</a>
</div>
<a target="_blank" class="text-center lg:text-start block lg:hidden pl-0 lg:pl-[35px] mt-6 underline text-white text-[15px]" href="https://maps.app.goo.gl/SQkT9kEfVFjwtnGJ8">View Directions Here</a>
</div>
</div>
</div>
<div class="flex flex-col gap-y-6 w-full gap-x-10 sm:mx-auto">
<!-- <iframe id="office-map" width="100%" height="300" frameborder="0" style="border:0" src="https://www.google.com/maps/place/AURA+Medical+Aesthetics/@1.3114782,103.7911474,17z/data=!4m10!1m2!2m1!1sAURA+Medical+Aesthetics,+One+Holland+Village!3m6!1s0x31da1b3331136c23:0x1a35dc4c5e7b5622!8m2!3d1.3114782!4d103.7937223!15sCixBVVJBIE1lZGljYWwgQWVzdGhldGljcywgT25lIEhvbGxhbmQgVmlsbGFnZVotIithdXJhIG1lZGljYWwgYWVzdGhldGljcyBvbmUgaG9sbGFuZCB2aWxsYWdlkgELbWVkaWNhbF9zcGGaASRDaGREU1VoTk1HOW5TMFZKUTBGblNVUTVla2xsY1ROblJSQULgAQA!16s%2Fg%2F11lcym486x?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D" allowfullscreen="" loading="lazy" aria-hidden="false" tabindex="0"></iframe> -->
<!-- office details -->
<div data-map="https://www.google.com/maps/place/AURA+Medical+Aesthetics/@1.3114782,103.7911474,17z/data=!4m10!1m2!2m1!1sAURA+Medical+Aesthetics,+One+Holland+Village!3m6!1s0x31da1b3331136c23:0x1a35dc4c5e7b5622!8m2!3d1.3114782!4d103.7937223!15sCixBVVJBIE1lZGljYWwgQWVzdGhldGljcywgT25lIEhvbGxhbmQgVmlsbGFnZVotIithdXJhIG1lZGljYWwgYWVzdGhldGljcyBvbmUgaG9sbGFuZCB2aWxsYWdlkgELbWVkaWNhbF9zcGGaASRDaGREU1VoTk1HOW5TMFZKUTBGblNVUTVla2xsY1ROblJSQULgAQA!16s%2Fg%2F11lcym486x?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D" class="flex flex-col w-full duration-200 transform">
<!-- office image -->
<img decoding="async" class="" src="https://auramedical.sg/wp-content/uploads/2024/09/aura-medical-ohv-banner-e1727145303926.png">
<div class="bg-aura-jadeGreen xl:px-10 py-8 px-6 sm:px-6 h-full">
<div class="flex flex-col mobile-m:flex-row lg:flex-col justify-between gap-y-4 gap-x-4">
<div class="flex gap-x-4 w-full">
<svg class="pt-1" id="图层_x0020_1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 30 30">
<path id="Path_324" data-name="Path 324" d="M15,30A15,15,0,1,1,30,15,15,15,0,0,1,15,30ZM15,5.243a7.43,7.43,0,0,1,7.43,7.43c0,4.1-7.43,12.083-7.43,12.083s-7.43-7.98-7.43-12.083A7.43,7.43,0,0,1,15,5.243Zm0,4.478a2.817,2.817,0,1,1-2.817,2.818A2.818,2.818,0,0,1,15,9.721Z" fill="#fff" fill-rule="evenodd"></path>
</svg>
<p class="font-bold text-[15px] text-white uppercase duration-300 ">AURA Medical Aesthetics,<br> One Holland Village</p>
</div>
<p class="pl-0 lg:pl-[35px] text-[15px] text-white duration-300 font-[500] w-[80%]">7 Holland Village Way<br>
#03-09<br>
Singapore 275748</p>
<a target="_blank" class="hidden lg:block pl-0 lg:pl-[35px] underline text-white text-[15px]" href="https://www.google.com/maps/place/AURA+Medical+Aesthetics/@1.3114782,103.7911474,17z/data=!4m10!1m2!2m1!1sAURA+Medical+Aesthetics,+One+Holland+Village!3m6!1s0x31da1b3331136c23:0x1a35dc4c5e7b5622!8m2!3d1.3114782!4d103.7937223!15sCixBVVJBIE1lZGljYWwgQWVzdGhldGljcywgT25lIEhvbGxhbmQgVmlsbGFnZVotIithdXJhIG1lZGljYWwgYWVzdGhldGljcyBvbmUgaG9sbGFuZCB2aWxsYWdlkgELbWVkaWNhbF9zcGGaASRDaGREU1VoTk1HOW5TMFZKUTBGblNVUTVla2xsY1ROblJSQULgAQA!16s%2Fg%2F11lcym486x?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D">View Directions Here</a>
</div>
<a target="_blank" class="text-center lg:text-start block lg:hidden pl-0 lg:pl-[35px] mt-6 underline text-white text-[15px]" href="https://www.google.com/maps/place/AURA+Medical+Aesthetics/@1.3114782,103.7911474,17z/data=!4m10!1m2!2m1!1sAURA+Medical+Aesthetics,+One+Holland+Village!3m6!1s0x31da1b3331136c23:0x1a35dc4c5e7b5622!8m2!3d1.3114782!4d103.7937223!15sCixBVVJBIE1lZGljYWwgQWVzdGhldGljcywgT25lIEhvbGxhbmQgVmlsbGFnZVotIithdXJhIG1lZGljYWwgYWVzdGhldGljcyBvbmUgaG9sbGFuZCB2aWxsYWdlkgELbWVkaWNhbF9zcGGaASRDaGREU1VoTk1HOW5TMFZKUTBGblNVUTVla2xsY1ROblJSQULgAQA!16s%2Fg%2F11lcym486x?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D">View Directions Here</a>
</div>
</div>
</div>
<div class="flex flex-col gap-y-6 w-full gap-x-10 sm:mx-auto">
<!-- <iframe id="office-map" width="100%" height="300" frameborder="0" style="border:0" src="https://www.google.com/maps/place/AURA+Clinic/@1.3066492,103.8246348,17z/data=!3m2!4b1!5s0x31da198cde1beb53:0xff95595e182d62b5!4m6!3m5!1s0xb06fcb0557190eb:0xf56abc35bceb14c7!8m2!3d1.3066492!4d103.8295057!16s%2Fg%2F11vl0l289c?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D" allowfullscreen="" loading="lazy" aria-hidden="false" tabindex="0"></iframe> -->
<!-- office details -->
<div data-map="https://www.google.com/maps/place/AURA+Clinic/@1.3066492,103.8246348,17z/data=!3m2!4b1!5s0x31da198cde1beb53:0xff95595e182d62b5!4m6!3m5!1s0xb06fcb0557190eb:0xf56abc35bceb14c7!8m2!3d1.3066492!4d103.8295057!16s%2Fg%2F11vl0l289c?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D" class="flex flex-col w-full duration-200 transform">
<!-- office image -->
<img decoding="async" class="" src="https://auramedical.sg/wp-content/uploads/2024/06/IMG_3052-1.jpg">
<div class="bg-aura-jadeGreen xl:px-10 py-8 px-6 sm:px-6 h-full">
<div class="flex flex-col mobile-m:flex-row lg:flex-col justify-between gap-y-4 gap-x-4">
<div class="flex gap-x-4 w-full">
<svg class="pt-1" id="图层_x0020_1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 30 30">
<path id="Path_324" data-name="Path 324" d="M15,30A15,15,0,1,1,30,15,15,15,0,0,1,15,30ZM15,5.243a7.43,7.43,0,0,1,7.43,7.43c0,4.1-7.43,12.083-7.43,12.083s-7.43-7.98-7.43-12.083A7.43,7.43,0,0,1,15,5.243Zm0,4.478a2.817,2.817,0,1,1-2.817,2.818A2.818,2.818,0,0,1,15,9.721Z" fill="#fff" fill-rule="evenodd"></path>
</svg>
<p class="font-bold text-[15px] text-white uppercase duration-300 ">AURA Clinic,<br> Palais Renaissance</p>
</div>
<p class="pl-0 lg:pl-[35px] text-[15px] text-white duration-300 font-[500] w-[80%]">390 Orchard Road<br>
#03-02/03 <br>
Singapore 238871</p>
<a target="_blank" class="hidden lg:block pl-0 lg:pl-[35px] underline text-white text-[15px]" href="https://www.google.com/maps/place/AURA+Clinic/@1.3066492,103.8246348,17z/data=!3m2!4b1!5s0x31da198cde1beb53:0xff95595e182d62b5!4m6!3m5!1s0xb06fcb0557190eb:0xf56abc35bceb14c7!8m2!3d1.3066492!4d103.8295057!16s%2Fg%2F11vl0l289c?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D">View Directions Here</a>
</div>
<a target="_blank" class="text-center lg:text-start block lg:hidden pl-0 lg:pl-[35px] mt-6 underline text-white text-[15px]" href="https://www.google.com/maps/place/AURA+Clinic/@1.3066492,103.8246348,17z/data=!3m2!4b1!5s0x31da198cde1beb53:0xff95595e182d62b5!4m6!3m5!1s0xb06fcb0557190eb:0xf56abc35bceb14c7!8m2!3d1.3066492!4d103.8295057!16s%2Fg%2F11vl0l289c?entry=ttu&g_ep=EgoyMDI0MDkyNC4wIKXMDSoASAFQAw%3D%3D">View Directions Here</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
const officeBtns = document.querySelectorAll('.office-button');
const mapFrame = document.getElementById('office-map');
function activateFirstButton() {
const firstBtn = officeBtns[0];
const mapLink = firstBtn.getAttribute('data-map');
mapFrame.src = mapLink;
firstBtn.classList.add('active');
}
function scrollToMap() {
const mapSection = document.querySelector('.map-section');
const offset = 90;
const topPosition = mapSection.getBoundingClientRect().top + window.pageYOffset - offset;
window.scrollTo({
top: topPosition,
behavior: 'smooth'
});
}
officeBtns.forEach(btn => {
btn.addEventListener('click', function() {
const mapLink = btn.getAttribute('data-map');
mapFrame.src = mapLink;
officeBtns.forEach(officeBtn => {
officeBtn.classList.remove('active');
});
btn.classList.add('active');
scrollToMap();
});
});
activateFirstButton();
});
</script>
</div>
</div></div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const heroBannerHeight = document.querySelector('.hero-banner').offsetHeight;
// Track the Y position when scrolling and show the desktop side bar button if the user has scrolled past the hero banner
window.addEventListener('scroll', function() {
const currentY = window.scrollY || window.pageYOffset;
if (currentY > (heroBannerHeight - 180)) {
document.getElementById('toggleButton').style.opacity = 1;
} else {
document.getElementById('toggleButton').style.opacity = 0;
}
});
const scrollLinks = document.querySelectorAll('.scroll-link');
scrollLinks.forEach(function(scrollLink) {
scrollLink.addEventListener('click', function(event) {
event.preventDefault();
const href = this.getAttribute('href');
const targetId = href.substring(href.indexOf('#') + 1);
const target = document.getElementById(targetId);
if (target) {
const yOffset = -125; // Change this value to the desired offset
const y = target.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({
top: y,
behavior: 'smooth'
});
}
});
});
});
</script>
<section class="bg-[#D4DABA]">
<!-- contact form-->
<section id="contact-form" data-section="contact-page-form" class="relative py-20 bg-center bg-no-repeat bg-cover" style="background-image: url('https://auramedical.sg/wp-content/uploads/2024/06/contact-form-bg-1.png');">
<div class="container flex flex-col items-center justify-center mx-auto gap-y-16">
<div class="text-center text-white w-full lg:w-[80%] 3xl:w-[60%] flex flex-col gap-y-10">
<p class="h3">Embrace your journey to beauty with AURA,<br> where your unique aura is celebrated and empowered.<br> Let us unveil your most beautiful self.</p>
<p>Seek subtle enhancements or extensive transformations? We’ll help you feel confident and empowered in your own skin. Speak to our experienced specialists to discover the best treatment plan for you.<br> Your journey begins here.</p>
</div>
<div class="w-full lg:w-[70%] xl:w-[60%] 3xl:w-[50%]">
<div class="wpcf7 js" id="wpcf7-f2289-o1" lang="en-US" dir="ltr" data-wpcf7-id="2289">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/#wpcf7-f2289-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="2289">
<input type="hidden" name="_wpcf7_version" value="6.0">
<input type="hidden" name="_wpcf7_locale" value="en_US">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f2289-o1">
<input type="hidden" name="_wpcf7_container_post" value="0">
<input type="hidden" name="_wpcf7_posted_data_hash" value="">
<input type="hidden" name="_wpcf7cf_hidden_group_fields" value="["specify-text"]">
<input type="hidden" name="_wpcf7cf_hidden_groups" value="["specify-text"]">
<input type="hidden" name="_wpcf7cf_visible_groups" value="[]">
<input type="hidden" name="_wpcf7cf_repeaters" value="[]">
<input type="hidden" name="_wpcf7cf_steps" value="{}">
<input type="hidden" name="_wpcf7cf_options" value="{"form_id":2289,"conditions":[{"then_field":"specify-text","and_rules":[{"if_field":"hear-about","operator":"equals","if_value":"Others"}]},{"then_field":"specify-text","and_rules":[{"if_field":"hear-about","operator":"equals","if_value":"Social Media Personalities, Influencers"}]}],"settings":{"animation":"yes","animation_intime":200,"animation_outtime":200,"conditions_ui":"normal","notice_dismissed":false}}">
<input type="hidden" name="_wpcf7_recaptcha_response" value="">
</div>
<div class="form-1">
<div class="second-row">
<p><label> Name*<br>
<span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" autocomplete="name" aria-required="true" aria-invalid="false" value="" type="text" name="your-name"></span><br>
</label>
</p>
<p><label> Mobile No.*<br>
<span class="wpcf7-form-control-wrap" data-name="your-phone"><div class="intl-tel-input allow-dropdown separate-dial-code iti-sdc-3"><div class="flag-container"><div class="selected-flag" tabindex="0" title="Singapore: +65"><div class="iti-flag sg"></div><div class="selected-dial-code">+65</div><div class="iti-arrow"></div></div><ul class="country-list hide"><li class="country preferred" data-dial-code="1" data-country-code="us"><div class="flag-box"><div class="iti-flag us"></div></div><span class="country-name">United States</span><span class="dial-code">+1</span></li><li class="country preferred" data-dial-code="44" data-country-code="gb"><div class="flag-box"><div class="iti-flag gb"></div></div><span class="country-name">United Kingdom</span><span class="dial-code">+44</span></li><li class="divider"></li><li class="country" data-dial-code="93" data-country-code="af"><div class="flag-box"><div class="iti-flag af"></div></div><span class="country-name">Afghanistan (افغانستان)</span><span class="dial-code">+93</span></li><li class="country" data-dial-code="355" data-country-code="al"><div class="flag-box"><div class="iti-flag al"></div></div><span class="country-name">Albania (Shqipëri)</span><span class="dial-code">+355</span></li><li class="country" data-dial-code="213" data-country-code="dz"><div class="flag-box"><div class="iti-flag dz"></div></div><span class="country-name">Algeria (الجزائر)</span><span class="dial-code">+213</span></li><li class="country" data-dial-code="1684" data-country-code="as"><div class="flag-box"><div class="iti-flag as"></div></div><span class="country-name">American Samoa</span><span class="dial-code">+1684</span></li><li class="country" data-dial-code="376" data-country-code="ad"><div class="flag-box"><div class="iti-flag ad"></div></div><span class="country-name">Andorra</span><span class="dial-code">+376</span></li><li class="country" data-dial-code="244" data-country-code="ao"><div class="flag-box"><div class="iti-flag ao"></div></div><span class="country-name">Angola</span><span class="dial-code">+244</span></li><li class="country" data-dial-code="1264" data-country-code="ai"><div class="flag-box"><div class="iti-flag ai"></div></div><span class="country-name">Anguilla</span><span class="dial-code">+1264</span></li><li class="country" data-dial-code="1268" data-country-code="ag"><div class="flag-box"><div class="iti-flag ag"></div></div><span class="country-name">Antigua and Barbuda</span><span class="dial-code">+1268</span></li><li class="country" data-dial-code="54" data-country-code="ar"><div class="flag-box"><div class="iti-flag ar"></div></div><span class="country-name">Argentina</span><span class="dial-code">+54</span></li><li class="country" data-dial-code="374" data-country-code="am"><div class="flag-box"><div class="iti-flag am"></div></div><span class="country-name">Armenia (Հայաստան)</span><span class="dial-code">+374</span></li><li class="country" data-dial-code="297" data-country-code="aw"><div class="flag-box"><div class="iti-flag aw"></div></div><span class="country-name">Aruba</span><span class="dial-code">+297</span></li><li class="country" data-dial-code="61" data-country-code="au"><div class="flag-box"><div class="iti-flag au"></div></div><span class="country-name">Australia</span><span class="dial-code">+61</span></li><li class="country" data-dial-code="43" data-country-code="at"><div class="flag-box"><div class="iti-flag at"></div></div><span class="country-name">Austria (Österreich)</span><span class="dial-code">+43</span></li><li class="country" data-dial-code="994" data-country-code="az"><div class="flag-box"><div class="iti-flag az"></div></div><span class="country-name">Azerbaijan (Azərbaycan)</span><span class="dial-code">+994</span></li><li class="country" data-dial-code="1242" data-country-code="bs"><div class="flag-box"><div class="iti-flag bs"></div></div><span class="country-name">Bahamas</span><span class="dial-code">+1242</span></li><li class="country" data-dial-code="973" data-country-code="bh"><div class="flag-box"><div class="iti-flag bh"></div></div><span class="country-name">Bahrain (البحرين)</span><span class="dial-code">+973</span></li><li class="country" data-dial-code="880" data-country-code="bd"><div class="flag-box"><div class="iti-flag bd"></div></div><span class="country-name">Bangladesh (বাংলাদেশ)</span><span class="dial-code">+880</span></li><li class="country" data-dial-code="1246" data-country-code="bb"><div class="flag-box"><div class="iti-flag bb"></div></div><span class="country-name">Barbados</span><span class="dial-code">+1246</span></li><li class="country" data-dial-code="375" data-country-code="by"><div class="flag-box"><div class="iti-flag by"></div></div><span class="country-name">Belarus (Беларусь)</span><span class="dial-code">+375</span></li><li class="country" data-dial-code="32" data-country-code="be"><div class="flag-box"><div class="iti-flag be"></div></div><span class="country-name">Belgium (België)</span><span class="dial-code">+32</span></li><li class="country" data-dial-code="501" data-country-code="bz"><div class="flag-box"><div class="iti-flag bz"></div></div><span class="country-name">Belize</span><span class="dial-code">+501</span></li><li class="country" data-dial-code="229" data-country-code="bj"><div class="flag-box"><div class="iti-flag bj"></div></div><span class="country-name">Benin (Bénin)</span><span class="dial-code">+229</span></li><li class="country" data-dial-code="1441" data-country-code="bm"><div class="flag-box"><div class="iti-flag bm"></div></div><span class="country-name">Bermuda</span><span class="dial-code">+1441</span></li><li class="country" data-dial-code="975" data-country-code="bt"><div class="flag-box"><div class="iti-flag bt"></div></div><span class="country-name">Bhutan (འབྲུག)</span><span class="dial-code">+975</span></li><li class="country" data-dial-code="591" data-country-code="bo"><div class="flag-box"><div class="iti-flag bo"></div></div><span class="country-name">Bolivia</span><span class="dial-code">+591</span></li><li class="country" data-dial-code="387" data-country-code="ba"><div class="flag-box"><div class="iti-flag ba"></div></div><span class="country-name">Bosnia and Herzegovina (Босна и Херцеговина)</span><span class="dial-code">+387</span></li><li class="country" data-dial-code="267" data-country-code="bw"><div class="flag-box"><div class="iti-flag bw"></div></div><span class="country-name">Botswana</span><span class="dial-code">+267</span></li><li class="country" data-dial-code="55" data-country-code="br"><div class="flag-box"><div class="iti-flag br"></div></div><span class="country-name">Brazil (Brasil)</span><span class="dial-code">+55</span></li><li class="country" data-dial-code="246" data-country-code="io"><div class="flag-box"><div class="iti-flag io"></div></div><span class="country-name">British Indian Ocean Territory</span><span class="dial-code">+246</span></li><li class="country" data-dial-code="1284" data-country-code="vg"><div class="flag-box"><div class="iti-flag vg"></div></div><span class="country-name">British Virgin Islands</span><span class="dial-code">+1284</span></li><li class="country" data-dial-code="673" data-country-code="bn"><div class="flag-box"><div class="iti-flag bn"></div></div><span class="country-name">Brunei</span><span class="dial-code">+673</span></li><li class="country" data-dial-code="359" data-country-code="bg"><div class="flag-box"><div class="iti-flag bg"></div></div><span class="country-name">Bulgaria (България)</span><span class="dial-code">+359</span></li><li class="country" data-dial-code="226" data-country-code="bf"><div class="flag-box"><div class="iti-flag bf"></div></div><span class="country-name">Burkina Faso</span><span class="dial-code">+226</span></li><li class="country" data-dial-code="257" data-country-code="bi"><div class="flag-box"><div class="iti-flag bi"></div></div><span class="country-name">Burundi (Uburundi)</span><span class="dial-code">+257</span></li><li class="country" data-dial-code="855" data-country-code="kh"><div class="flag-box"><div class="iti-flag kh"></div></div><span class="country-name">Cambodia (កម្ពុជា)</span><span class="dial-code">+855</span></li><li class="country" data-dial-code="237" data-country-code="cm"><div class="flag-box"><div class="iti-flag cm"></div></div><span class="country-name">Cameroon (Cameroun)</span><span class="dial-code">+237</span></li><li class="country" data-dial-code="1" data-country-code="ca"><div class="flag-box"><div class="iti-flag ca"></div></div><span class="country-name">Canada</span><span class="dial-code">+1</span></li><li class="country" data-dial-code="238" data-country-code="cv"><div class="flag-box"><div class="iti-flag cv"></div></div><span class="country-name">Cape Verde (Kabu Verdi)</span><span class="dial-code">+238</span></li><li class="country" data-dial-code="599" data-country-code="bq"><div class="flag-box"><div class="iti-flag bq"></div></div><span class="country-name">Caribbean Netherlands</span><span class="dial-code">+599</span></li><li class="country" data-dial-code="1345" data-country-code="ky"><div class="flag-box"><div class="iti-flag ky"></div></div><span class="country-name">Cayman Islands</span><span class="dial-code">+1345</span></li><li class="country" data-dial-code="236" data-country-code="cf"><div class="flag-box"><div class="iti-flag cf"></div></div><span class="country-name">Central African Republic (République centrafricaine)</span><span class="dial-code">+236</span></li><li class="country" data-dial-code="235" data-country-code="td"><div class="flag-box"><div class="iti-flag td"></div></div><span class="country-name">Chad (Tchad)</span><span class="dial-code">+235</span></li><li class="country" data-dial-code="56" data-country-code="cl"><div class="flag-box"><div class="iti-flag cl"></div></div><span class="country-name">Chile</span><span class="dial-code">+56</span></li><li class="country" data-dial-code="86" data-country-code="cn"><div class="flag-box"><div class="iti-flag cn"></div></div><span class="country-name">China (中国)</span><span class="dial-code">+86</span></li><li class="country" data-dial-code="61" data-country-code="cx"><div class="flag-box"><div class="iti-flag cx"></div></div><span class="country-name">Christmas Island</span><span class="dial-code">+61</span></li><li class="country" data-dial-code="61" data-country-code="cc"><div class="flag-box"><div class="iti-flag cc"></div></div><span class="country-name">Cocos (Keeling) Islands</span><span class="dial-code">+61</span></li><li class="country" data-dial-code="57" data-country-code="co"><div class="flag-box"><div class="iti-flag co"></div></div><span class="country-name">Colombia</span><span class="dial-code">+57</span></li><li class="country" data-dial-code="269" data-country-code="km"><div class="flag-box"><div class="iti-flag km"></div></div><span class="country-name">Comoros (جزر القمر)</span><span class="dial-code">+269</span></li><li class="country" data-dial-code="243" data-country-code="cd"><div class="flag-box"><div class="iti-flag cd"></div></div><span class="country-name">Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)</span><span class="dial-code">+243</span></li><li class="country" data-dial-code="242" data-country-code="cg"><div class="flag-box"><div class="iti-flag cg"></div></div><span class="country-name">Congo (Republic) (Congo-Brazzaville)</span><span class="dial-code">+242</span></li><li class="country" data-dial-code="682" data-country-code="ck"><div class="flag-box"><div class="iti-flag ck"></div></div><span class="country-name">Cook Islands</span><span class="dial-code">+682</span></li><li class="country" data-dial-code="506" data-country-code="cr"><div class="flag-box"><div class="iti-flag cr"></div></div><span class="country-name">Costa Rica</span><span class="dial-code">+506</span></li><li class="country" data-dial-code="225" data-country-code="ci"><div class="flag-box"><div class="iti-flag ci"></div></div><span class="country-name">Côte d’Ivoire</span><span class="dial-code">+225</span></li><li class="country" data-dial-code="385" data-country-code="hr"><div class="flag-box"><div class="iti-flag hr"></div></div><span class="country-name">Croatia (Hrvatska)</span><span class="dial-code">+385</span></li><li class="country" data-dial-code="53" data-country-code="cu"><div class="flag-box"><div class="iti-flag cu"></div></div><span class="country-name">Cuba</span><span class="dial-code">+53</span></li><li class="country" data-dial-code="599" data-country-code="cw"><div class="flag-box"><div class="iti-flag cw"></div></div><span class="country-name">Curaçao</span><span class="dial-code">+599</span></li><li class="country" data-dial-code="357" data-country-code="cy"><div class="flag-box"><div class="iti-flag cy"></div></div><span class="country-name">Cyprus (Κύπρος)</span><span class="dial-code">+357</span></li><li class="country" data-dial-code="420" data-country-code="cz"><div class="flag-box"><div class="iti-flag cz"></div></div><span class="country-name">Czech Republic (Česká republika)</span><span class="dial-code">+420</span></li><li class="country" data-dial-code="45" data-country-code="dk"><div class="flag-box"><div class="iti-flag dk"></div></div><span class="country-name">Denmark (Danmark)</span><span class="dial-code">+45</span></li><li class="country" data-dial-code="253" data-country-code="dj"><div class="flag-box"><div class="iti-flag dj"></div></div><span class="country-name">Djibouti</span><span class="dial-code">+253</span></li><li class="country" data-dial-code="1767" data-country-code="dm"><div class="flag-box"><div class="iti-flag dm"></div></div><span class="country-name">Dominica</span><span class="dial-code">+1767</span></li><li class="country" data-dial-code="1" data-country-code="do"><div class="flag-box"><div class="iti-flag do"></div></div><span class="country-name">Dominican Republic (República Dominicana)</span><span class="dial-code">+1</span></li><li class="country" data-dial-code="593" data-country-code="ec"><div class="flag-box"><div class="iti-flag ec"></div></div><span class="country-name">Ecuador</span><span class="dial-code">+593</span></li><li class="country" data-dial-code="20" data-country-code="eg"><div class="flag-box"><div class="iti-flag eg"></div></div><span class="country-name">Egypt (مصر)</span><span class="dial-code">+20</span></li><li class="country" data-dial-code="503" data-country-code="sv"><div class="flag-box"><div class="iti-flag sv"></div></div><span class="country-name">El Salvador</span><span class="dial-code">+503</span></li><li class="country" data-dial-code="240" data-country-code="gq"><div class="flag-box"><div class="iti-flag gq"></div></div><span class="country-name">Equatorial Guinea (Guinea Ecuatorial)</span><span class="dial-code">+240</span></li><li class="country" data-dial-code="291" data-country-code="er"><div class="flag-box"><div class="iti-flag er"></div></div><span class="country-name">Eritrea</span><span class="dial-code">+291</span></li><li class="country" data-dial-code="372" data-country-code="ee"><div class="flag-box"><div class="iti-flag ee"></div></div><span class="country-name">Estonia (Eesti)</span><span class="dial-code">+372</span></li><li class="country" data-dial-code="251" data-country-code="et"><div class="flag-box"><div class="iti-flag et"></div></div><span class="country-name">Ethiopia</span><span class="dial-code">+251</span></li><li class="country" data-dial-code="500" data-country-code="fk"><div class="flag-box"><div class="iti-flag fk"></div></div><span class="country-name">Falkland Islands (Islas Malvinas)</span><span class="dial-code">+500</span></li><li class="country" data-dial-code="298" data-country-code="fo"><div class="flag-box"><div class="iti-flag fo"></div></div><span class="country-name">Faroe Islands (Føroyar)</span><span class="dial-code">+298</span></li><li class="country" data-dial-code="679" data-country-code="fj"><div class="flag-box"><div class="iti-flag fj"></div></div><span class="country-name">Fiji</span><span class="dial-code">+679</span></li><li class="country" data-dial-code="358" data-country-code="fi"><div class="flag-box"><div class="iti-flag fi"></div></div><span class="country-name">Finland (Suomi)</span><span class="dial-code">+358</span></li><li class="country" data-dial-code="33" data-country-code="fr"><div class="flag-box"><div class="iti-flag fr"></div></div><span class="country-name">France</span><span class="dial-code">+33</span></li><li class="country" data-dial-code="594" data-country-code="gf"><div class="flag-box"><div class="iti-flag gf"></div></div><span class="country-name">French Guiana (Guyane française)</span><span class="dial-code">+594</span></li><li class="country" data-dial-code="689" data-country-code="pf"><div class="flag-box"><div class="iti-flag pf"></div></div><span class="country-name">French Polynesia (Polynésie française)</span><span class="dial-code">+689</span></li><li class="country" data-dial-code="241" data-country-code="ga"><div class="flag-box"><div class="iti-flag ga"></div></div><span class="country-name">Gabon</span><span class="dial-code">+241</span></li><li class="country" data-dial-code="220" data-country-code="gm"><div class="flag-box"><div class="iti-flag gm"></div></div><span class="country-name">Gambia</span><span class="dial-code">+220</span></li><li class="country" data-dial-code="995" data-country-code="ge"><div class="flag-box"><div class="iti-flag ge"></div></div><span class="country-name">Georgia (საქართველო)</span><span class="dial-code">+995</span></li><li class="country" data-dial-code="49" data-country-code="de"><div class="flag-box"><div class="iti-flag de"></div></div><span class="country-name">Germany (Deutschland)</span><span class="dial-code">+49</span></li><li class="country" data-dial-code="233" data-country-code="gh"><div class="flag-box"><div class="iti-flag gh"></div></div><span class="country-name">Ghana (Gaana)</span><span class="dial-code">+233</span></li><li class="country" data-dial-code="350" data-country-code="gi"><div class="flag-box"><div class="iti-flag gi"></div></div><span class="country-name">Gibraltar</span><span class="dial-code">+350</span></li><li class="country" data-dial-code="30" data-country-code="gr"><div class="flag-box"><div class="iti-flag gr"></div></div><span class="country-name">Greece (Ελλάδα)</span><span class="dial-code">+30</span></li><li class="country" data-dial-code="299" data-country-code="gl"><div class="flag-box"><div class="iti-flag gl"></div></div><span class="country-name">Greenland (Kalaallit Nunaat)</span><span class="dial-code">+299</span></li><li class="country" data-dial-code="1473" data-country-code="gd"><div class="flag-box"><div class="iti-flag gd"></div></div><span class="country-name">Grenada</span><span class="dial-code">+1473</span></li><li class="country" data-dial-code="590" data-country-code="gp"><div class="flag-box"><div class="iti-flag gp"></div></div><span class="country-name">Guadeloupe</span><span class="dial-code">+590</span></li><li class="country" data-dial-code="1671" data-country-code="gu"><div class="flag-box"><div class="iti-flag gu"></div></div><span class="country-name">Guam</span><span class="dial-code">+1671</span></li><li class="country" data-dial-code="502" data-country-code="gt"><div class="flag-box"><div class="iti-flag gt"></div></div><span class="country-name">Guatemala</span><span class="dial-code">+502</span></li><li class="country" data-dial-code="44" data-country-code="gg"><div class="flag-box"><div class="iti-flag gg"></div></div><span class="country-name">Guernsey</span><span class="dial-code">+44</span></li><li class="country" data-dial-code="224" data-country-code="gn"><div class="flag-box"><div class="iti-flag gn"></div></div><span class="country-name">Guinea (Guinée)</span><span class="dial-code">+224</span></li><li class="country" data-dial-code="245" data-country-code="gw"><div class="flag-box"><div class="iti-flag gw"></div></div><span class="country-name">Guinea-Bissau (Guiné Bissau)</span><span class="dial-code">+245</span></li><li class="country" data-dial-code="592" data-country-code="gy"><div class="flag-box"><div class="iti-flag gy"></div></div><span class="country-name">Guyana</span><span class="dial-code">+592</span></li><li class="country" data-dial-code="509" data-country-code="ht"><div class="flag-box"><div class="iti-flag ht"></div></div><span class="country-name">Haiti</span><span class="dial-code">+509</span></li><li class="country" data-dial-code="504" data-country-code="hn"><div class="flag-box"><div class="iti-flag hn"></div></div><span class="country-name">Honduras</span><span class="dial-code">+504</span></li><li class="country" data-dial-code="852" data-country-code="hk"><div class="flag-box"><div class="iti-flag hk"></div></div><span class="country-name">Hong Kong (香港)</span><span class="dial-code">+852</span></li><li class="country" data-dial-code="36" data-country-code="hu"><div class="flag-box"><div class="iti-flag hu"></div></div><span class="country-name">Hungary (Magyarország)</span><span class="dial-code">+36</span></li><li class="country" data-dial-code="354" data-country-code="is"><div class="flag-box"><div class="iti-flag is"></div></div><span class="country-name">Iceland (Ísland)</span><span class="dial-code">+354</span></li><li class="country" data-dial-code="91" data-country-code="in"><div class="flag-box"><div class="iti-flag in"></div></div><span class="country-name">India (भारत)</span><span class="dial-code">+91</span></li><li class="country" data-dial-code="62" data-country-code="id"><div class="flag-box"><div class="iti-flag id"></div></div><span class="country-name">Indonesia</span><span class="dial-code">+62</span></li><li class="country" data-dial-code="98" data-country-code="ir"><div class="flag-box"><div class="iti-flag ir"></div></div><span class="country-name">Iran (ایران)</span><span class="dial-code">+98</span></li><li class="country" data-dial-code="964" data-country-code="iq"><div class="flag-box"><div class="iti-flag iq"></div></div><span class="country-name">Iraq (العراق)</span><span class="dial-code">+964</span></li><li class="country" data-dial-code="353" data-country-code="ie"><div class="flag-box"><div class="iti-flag ie"></div></div><span class="country-name">Ireland</span><span class="dial-code">+353</span></li><li class="country" data-dial-code="44" data-country-code="im"><div class="flag-box"><div class="iti-flag im"></div></div><span class="country-name">Isle of Man</span><span class="dial-code">+44</span></li><li class="country" data-dial-code="972" data-country-code="il"><div class="flag-box"><div class="iti-flag il"></div></div><span class="country-name">Israel (ישראל)</span><span class="dial-code">+972</span></li><li class="country" data-dial-code="39" data-country-code="it"><div class="flag-box"><div class="iti-flag it"></div></div><span class="country-name">Italy (Italia)</span><span class="dial-code">+39</span></li><li class="country" data-dial-code="1" data-country-code="jm"><div class="flag-box"><div class="iti-flag jm"></div></div><span class="country-name">Jamaica</span><span class="dial-code">+1</span></li><li class="country" data-dial-code="81" data-country-code="jp"><div class="flag-box"><div class="iti-flag jp"></div></div><span class="country-name">Japan (日本)</span><span class="dial-code">+81</span></li><li class="country" data-dial-code="44" data-country-code="je"><div class="flag-box"><div class="iti-flag je"></div></div><span class="country-name">Jersey</span><span class="dial-code">+44</span></li><li class="country" data-dial-code="962" data-country-code="jo"><div class="flag-box"><div class="iti-flag jo"></div></div><span class="country-name">Jordan (الأردن)</span><span class="dial-code">+962</span></li><li class="country" data-dial-code="7" data-country-code="kz"><div class="flag-box"><div class="iti-flag kz"></div></div><span class="country-name">Kazakhstan (Казахстан)</span><span class="dial-code">+7</span></li><li class="country" data-dial-code="254" data-country-code="ke"><div class="flag-box"><div class="iti-flag ke"></div></div><span class="country-name">Kenya</span><span class="dial-code">+254</span></li><li class="country" data-dial-code="686" data-country-code="ki"><div class="flag-box"><div class="iti-flag ki"></div></div><span class="country-name">Kiribati</span><span class="dial-code">+686</span></li><li class="country" data-dial-code="383" data-country-code="xk"><div class="flag-box"><div class="iti-flag xk"></div></div><span class="country-name">Kosovo</span><span class="dial-code">+383</span></li><li class="country" data-dial-code="965" data-country-code="kw"><div class="flag-box"><div class="iti-flag kw"></div></div><span class="country-name">Kuwait (الكويت)</span><span class="dial-code">+965</span></li><li class="country" data-dial-code="996" data-country-code="kg"><div class="flag-box"><div class="iti-flag kg"></div></div><span class="country-name">Kyrgyzstan (Кыргызстан)</span><span class="dial-code">+996</span></li><li class="country" data-dial-code="856" data-country-code="la"><div class="flag-box"><div class="iti-flag la"></div></div><span class="country-name">Laos (ລາວ)</span><span class="dial-code">+856</span></li><li class="country" data-dial-code="371" data-country-code="lv"><div class="flag-box"><div class="iti-flag lv"></div></div><span class="country-name">Latvia (Latvija)</span><span class="dial-code">+371</span></li><li class="country" data-dial-code="961" data-country-code="lb"><div class="flag-box"><div class="iti-flag lb"></div></div><span class="country-name">Lebanon (لبنان)</span><span class="dial-code">+961</span></li><li class="country" data-dial-code="266" data-country-code="ls"><div class="flag-box"><div class="iti-flag ls"></div></div><span class="country-name">Lesotho</span><span class="dial-code">+266</span></li><li class="country" data-dial-code="231" data-country-code="lr"><div class="flag-box"><div class="iti-flag lr"></div></div><span class="country-name">Liberia</span><span class="dial-code">+231</span></li><li class="country" data-dial-code="218" data-country-code="ly"><div class="flag-box"><div class="iti-flag ly"></div></div><span class="country-name">Libya (ليبيا)</span><span class="dial-code">+218</span></li><li class="country" data-dial-code="423" data-country-code="li"><div class="flag-box"><div class="iti-flag li"></div></div><span class="country-name">Liechtenstein</span><span class="dial-code">+423</span></li><li class="country" data-dial-code="370" data-country-code="lt"><div class="flag-box"><div class="iti-flag lt"></div></div><span class="country-name">Lithuania (Lietuva)</span><span class="dial-code">+370</span></li><li class="country" data-dial-code="352" data-country-code="lu"><div class="flag-box"><div class="iti-flag lu"></div></div><span class="country-name">Luxembourg</span><span class="dial-code">+352</span></li><li class="country" data-dial-code="853" data-country-code="mo"><div class="flag-box"><div class="iti-flag mo"></div></div><span class="country-name">Macau (澳門)</span><span class="dial-code">+853</span></li><li class="country" data-dial-code="389" data-country-code="mk"><div class="flag-box"><div class="iti-flag mk"></div></div><span class="country-name">Macedonia (FYROM) (Македонија)</span><span class="dial-code">+389</span></li><li class="country" data-dial-code="261" data-country-code="mg"><div class="flag-box"><div class="iti-flag mg"></div></div><span class="country-name">Madagascar (Madagasikara)</span><span class="dial-code">+261</span></li><li class="country" data-dial-code="265" data-country-code="mw"><div class="flag-box"><div class="iti-flag mw"></div></div><span class="country-name">Malawi</span><span class="dial-code">+265</span></li><li class="country" data-dial-code="60" data-country-code="my"><div class="flag-box"><div class="iti-flag my"></div></div><span class="country-name">Malaysia</span><span class="dial-code">+60</span></li><li class="country" data-dial-code="960" data-country-code="mv"><div class="flag-box"><div class="iti-flag mv"></div></div><span class="country-name">Maldives</span><span class="dial-code">+960</span></li><li class="country" data-dial-code="223" data-country-code="ml"><div class="flag-box"><div class="iti-flag ml"></div></div><span class="country-name">Mali</span><span class="dial-code">+223</span></li><li class="country" data-dial-code="356" data-country-code="mt"><div class="flag-box"><div class="iti-flag mt"></div></div><span class="country-name">Malta</span><span class="dial-code">+356</span></li><li class="country" data-dial-code="692" data-country-code="mh"><div class="flag-box"><div class="iti-flag mh"></div></div><span class="country-name">Marshall Islands</span><span class="dial-code">+692</span></li><li class="country" data-dial-code="596" data-country-code="mq"><div class="flag-box"><div class="iti-flag mq"></div></div><span class="country-name">Martinique</span><span class="dial-code">+596</span></li><li class="country" data-dial-code="222" data-country-code="mr"><div class="flag-box"><div class="iti-flag mr"></div></div><span class="country-name">Mauritania (موريتانيا)</span><span class="dial-code">+222</span></li><li class="country" data-dial-code="230" data-country-code="mu"><div class="flag-box"><div class="iti-flag mu"></div></div><span class="country-name">Mauritius (Moris)</span><span class="dial-code">+230</span></li><li class="country" data-dial-code="262" data-country-code="yt"><div class="flag-box"><div class="iti-flag yt"></div></div><span class="country-name">Mayotte</span><span class="dial-code">+262</span></li><li class="country" data-dial-code="52" data-country-code="mx"><div class="flag-box"><div class="iti-flag mx"></div></div><span class="country-name">Mexico (México)</span><span class="dial-code">+52</span></li><li class="country" data-dial-code="691" data-country-code="fm"><div class="flag-box"><div class="iti-flag fm"></div></div><span class="country-name">Micronesia</span><span class="dial-code">+691</span></li><li class="country" data-dial-code="373" data-country-code="md"><div class="flag-box"><div class="iti-flag md"></div></div><span class="country-name">Moldova (Republica Moldova)</span><span class="dial-code">+373</span></li><li class="country" data-dial-code="377" data-country-code="mc"><div class="flag-box"><div class="iti-flag mc"></div></div><span class="country-name">Monaco</span><span class="dial-code">+377</span></li><li class="country" data-dial-code="976" data-country-code="mn"><div class="flag-box"><div class="iti-flag mn"></div></div><span class="country-name">Mongolia (Монгол)</span><span class="dial-code">+976</span></li><li class="country" data-dial-code="382" data-country-code="me"><div class="flag-box"><div class="iti-flag me"></div></div><span class="country-name">Montenegro (Crna Gora)</span><span class="dial-code">+382</span></li><li class="country" data-dial-code="1664" data-country-code="ms"><div class="flag-box"><div class="iti-flag ms"></div></div><span class="country-name">Montserrat</span><span class="dial-code">+1664</span></li><li class="country" data-dial-code="212" data-country-code="ma"><div class="flag-box"><div class="iti-flag ma"></div></div><span class="country-name">Morocco (المغرب)</span><span class="dial-code">+212</span></li><li class="country" data-dial-code="258" data-country-code="mz"><div class="flag-box"><div class="iti-flag mz"></div></div><span class="country-name">Mozambique (Moçambique)</span><span class="dial-code">+258</span></li><li class="country" data-dial-code="95" data-country-code="mm"><div class="flag-box"><div class="iti-flag mm"></div></div><span class="country-name">Myanmar (Burma) (မြန်မာ)</span><span class="dial-code">+95</span></li><li class="country" data-dial-code="264" data-country-code="na"><div class="flag-box"><div class="iti-flag na"></div></div><span class="country-name">Namibia (Namibië)</span><span class="dial-code">+264</span></li><li class="country" data-dial-code="674" data-country-code="nr"><div class="flag-box"><div class="iti-flag nr"></div></div><span class="country-name">Nauru</span><span class="dial-code">+674</span></li><li class="country" data-dial-code="977" data-country-code="np"><div class="flag-box"><div class="iti-flag np"></div></div><span class="country-name">Nepal (नेपाल)</span><span class="dial-code">+977</span></li><li class="country" data-dial-code="31" data-country-code="nl"><div class="flag-box"><div class="iti-flag nl"></div></div><span class="country-name">Netherlands (Nederland)</span><span class="dial-code">+31</span></li><li class="country" data-dial-code="687" data-country-code="nc"><div class="flag-box"><div class="iti-flag nc"></div></div><span class="country-name">New Caledonia (Nouvelle-Calédonie)</span><span class="dial-code">+687</span></li><li class="country" data-dial-code="64" data-country-code="nz"><div class="flag-box"><div class="iti-flag nz"></div></div><span class="country-name">New Zealand</span><span class="dial-code">+64</span></li><li class="country" data-dial-code="505" data-country-code="ni"><div class="flag-box"><div class="iti-flag ni"></div></div><span class="country-name">Nicaragua</span><span class="dial-code">+505</span></li><li class="country" data-dial-code="227" data-country-code="ne"><div class="flag-box"><div class="iti-flag ne"></div></div><span class="country-name">Niger (Nijar)</span><span class="dial-code">+227</span></li><li class="country" data-dial-code="234" data-country-code="ng"><div class="flag-box"><div class="iti-flag ng"></div></div><span class="country-name">Nigeria</span><span class="dial-code">+234</span></li><li class="country" data-dial-code="683" data-country-code="nu"><div class="flag-box"><div class="iti-flag nu"></div></div><span class="country-name">Niue</span><span class="dial-code">+683</span></li><li class="country" data-dial-code="672" data-country-code="nf"><div class="flag-box"><div class="iti-flag nf"></div></div><span class="country-name">Norfolk Island</span><span class="dial-code">+672</span></li><li class="country" data-dial-code="850" data-country-code="kp"><div class="flag-box"><div class="iti-flag kp"></div></div><span class="country-name">North Korea (조선 민주주의 인민 공화국)</span><span class="dial-code">+850</span></li><li class="country" data-dial-code="1670" data-country-code="mp"><div class="flag-box"><div class="iti-flag mp"></div></div><span class="country-name">Northern Mariana Islands</span><span class="dial-code">+1670</span></li><li class="country" data-dial-code="47" data-country-code="no"><div class="flag-box"><div class="iti-flag no"></div></div><span class="country-name">Norway (Norge)</span><span class="dial-code">+47</span></li><li class="country" data-dial-code="968" data-country-code="om"><div class="flag-box"><div class="iti-flag om"></div></div><span class="country-name">Oman (عُمان)</span><span class="dial-code">+968</span></li><li class="country" data-dial-code="92" data-country-code="pk"><div class="flag-box"><div class="iti-flag pk"></div></div><span class="country-name">Pakistan (پاکستان)</span><span class="dial-code">+92</span></li><li class="country" data-dial-code="680" data-country-code="pw"><div class="flag-box"><div class="iti-flag pw"></div></div><span class="country-name">Palau</span><span class="dial-code">+680</span></li><li class="country" data-dial-code="970" data-country-code="ps"><div class="flag-box"><div class="iti-flag ps"></div></div><span class="country-name">Palestine (فلسطين)</span><span class="dial-code">+970</span></li><li class="country" data-dial-code="507" data-country-code="pa"><div class="flag-box"><div class="iti-flag pa"></div></div><span class="country-name">Panama (Panamá)</span><span class="dial-code">+507</span></li><li class="country" data-dial-code="675" data-country-code="pg"><div class="flag-box"><div class="iti-flag pg"></div></div><span class="country-name">Papua New Guinea</span><span class="dial-code">+675</span></li><li class="country" data-dial-code="595" data-country-code="py"><div class="flag-box"><div class="iti-flag py"></div></div><span class="country-name">Paraguay</span><span class="dial-code">+595</span></li><li class="country" data-dial-code="51" data-country-code="pe"><div class="flag-box"><div class="iti-flag pe"></div></div><span class="country-name">Peru (Perú)</span><span class="dial-code">+51</span></li><li class="country" data-dial-code="63" data-country-code="ph"><div class="flag-box"><div class="iti-flag ph"></div></div><span class="country-name">Philippines</span><span class="dial-code">+63</span></li><li class="country" data-dial-code="48" data-country-code="pl"><div class="flag-box"><div class="iti-flag pl"></div></div><span class="country-name">Poland (Polska)</span><span class="dial-code">+48</span></li><li class="country" data-dial-code="351" data-country-code="pt"><div class="flag-box"><div class="iti-flag pt"></div></div><span class="country-name">Portugal</span><span class="dial-code">+351</span></li><li class="country" data-dial-code="1" data-country-code="pr"><div class="flag-box"><div class="iti-flag pr"></div></div><span class="country-name">Puerto Rico</span><span class="dial-code">+1</span></li><li class="country" data-dial-code="974" data-country-code="qa"><div class="flag-box"><div class="iti-flag qa"></div></div><span class="country-name">Qatar (قطر)</span><span class="dial-code">+974</span></li><li class="country" data-dial-code="262" data-country-code="re"><div class="flag-box"><div class="iti-flag re"></div></div><span class="country-name">Réunion (La Réunion)</span><span class="dial-code">+262</span></li><li class="country" data-dial-code="40" data-country-code="ro"><div class="flag-box"><div class="iti-flag ro"></div></div><span class="country-name">Romania (România)</span><span class="dial-code">+40</span></li><li class="country" data-dial-code="7" data-country-code="ru"><div class="flag-box"><div class="iti-flag ru"></div></div><span class="country-name">Russia (Россия)</span><span class="dial-code">+7</span></li><li class="country" data-dial-code="250" data-country-code="rw"><div class="flag-box"><div class="iti-flag rw"></div></div><span class="country-name">Rwanda</span><span class="dial-code">+250</span></li><li class="country" data-dial-code="590" data-country-code="bl"><div class="flag-box"><div class="iti-flag bl"></div></div><span class="country-name">Saint Barthélemy</span><span class="dial-code">+590</span></li><li class="country" data-dial-code="290" data-country-code="sh"><div class="flag-box"><div class="iti-flag sh"></div></div><span class="country-name">Saint Helena</span><span class="dial-code">+290</span></li><li class="country" data-dial-code="1869" data-country-code="kn"><div class="flag-box"><div class="iti-flag kn"></div></div><span class="country-name">Saint Kitts and Nevis</span><span class="dial-code">+1869</span></li><li class="country" data-dial-code="1758" data-country-code="lc"><div class="flag-box"><div class="iti-flag lc"></div></div><span class="country-name">Saint Lucia</span><span class="dial-code">+1758</span></li><li class="country" data-dial-code="590" data-country-code="mf"><div class="flag-box"><div class="iti-flag mf"></div></div><span class="country-name">Saint Martin (Saint-Martin (partie française))</span><span class="dial-code">+590</span></li><li class="country" data-dial-code="508" data-country-code="pm"><div class="flag-box"><div class="iti-flag pm"></div></div><span class="country-name">Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)</span><span class="dial-code">+508</span></li><li class="country" data-dial-code="1784" data-country-code="vc"><div class="flag-box"><div class="iti-flag vc"></div></div><span class="country-name">Saint Vincent and the Grenadines</span><span class="dial-code">+1784</span></li><li class="country" data-dial-code="685" data-country-code="ws"><div class="flag-box"><div class="iti-flag ws"></div></div><span class="country-name">Samoa</span><span class="dial-code">+685</span></li><li class="country" data-dial-code="378" data-country-code="sm"><div class="flag-box"><div class="iti-flag sm"></div></div><span class="country-name">San Marino</span><span class="dial-code">+378</span></li><li class="country" data-dial-code="239" data-country-code="st"><div class="flag-box"><div class="iti-flag st"></div></div><span class="country-name">São Tomé and Príncipe (São Tomé e Príncipe)</span><span class="dial-code">+239</span></li><li class="country" data-dial-code="966" data-country-code="sa"><div class="flag-box"><div class="iti-flag sa"></div></div><span class="country-name">Saudi Arabia (المملكة العربية السعودية)</span><span class="dial-code">+966</span></li><li class="country" data-dial-code="221" data-country-code="sn"><div class="flag-box"><div class="iti-flag sn"></div></div><span class="country-name">Senegal (Sénégal)</span><span class="dial-code">+221</span></li><li class="country" data-dial-code="381" data-country-code="rs"><div class="flag-box"><div class="iti-flag rs"></div></div><span class="country-name">Serbia (Србија)</span><span class="dial-code">+381</span></li><li class="country" data-dial-code="248" data-country-code="sc"><div class="flag-box"><div class="iti-flag sc"></div></div><span class="country-name">Seychelles</span><span class="dial-code">+248</span></li><li class="country" data-dial-code="232" data-country-code="sl"><div class="flag-box"><div class="iti-flag sl"></div></div><span class="country-name">Sierra Leone</span><span class="dial-code">+232</span></li><li class="country active" data-dial-code="65" data-country-code="sg"><div class="flag-box"><div class="iti-flag sg"></div></div><span class="country-name">Singapore</span><span class="dial-code">+65</span></li><li class="country" data-dial-code="1721" data-country-code="sx"><div class="flag-box"><div class="iti-flag sx"></div></div><span class="country-name">Sint Maarten</span><span class="dial-code">+1721</span></li><li class="country" data-dial-code="421" data-country-code="sk"><div class="flag-box"><div class="iti-flag sk"></div></div><span class="country-name">Slovakia (Slovensko)</span><span class="dial-code">+421</span></li><li class="country" data-dial-code="386" data-country-code="si"><div class="flag-box"><div class="iti-flag si"></div></div><span class="country-name">Slovenia (Slovenija)</span><span class="dial-code">+386</span></li><li class="country" data-dial-code="677" data-country-code="sb"><div class="flag-box"><div class="iti-flag sb"></div></div><span class="country-name">Solomon Islands</span><span class="dial-code">+677</span></li><li class="country" data-dial-code="252" data-country-code="so"><div class="flag-box"><div class="iti-flag so"></div></div><span class="country-name">Somalia (Soomaaliya)</span><span class="dial-code">+252</span></li><li class="country" data-dial-code="27" data-country-code="za"><div class="flag-box"><div class="iti-flag za"></div></div><span class="country-name">South Africa</span><span class="dial-code">+27</span></li><li class="country" data-dial-code="82" data-country-code="kr"><div class="flag-box"><div class="iti-flag kr"></div></div><span class="country-name">South Korea (대한민국)</span><span class="dial-code">+82</span></li><li class="country" data-dial-code="211" data-country-code="ss"><div class="flag-box"><div class="iti-flag ss"></div></div><span class="country-name">South Sudan (جنوب السودان)</span><span class="dial-code">+211</span></li><li class="country" data-dial-code="34" data-country-code="es"><div class="flag-box"><div class="iti-flag es"></div></div><span class="country-name">Spain (España)</span><span class="dial-code">+34</span></li><li class="country" data-dial-code="94" data-country-code="lk"><div class="flag-box"><div class="iti-flag lk"></div></div><span class="country-name">Sri Lanka (ශ්රී ලංකාව)</span><span class="dial-code">+94</span></li><li class="country" data-dial-code="249" data-country-code="sd"><div class="flag-box"><div class="iti-flag sd"></div></div><span class="country-name">Sudan (السودان)</span><span class="dial-code">+249</span></li><li class="country" data-dial-code="597" data-country-code="sr"><div class="flag-box"><div class="iti-flag sr"></div></div><span class="country-name">Suriname</span><span class="dial-code">+597</span></li><li class="country" data-dial-code="47" data-country-code="sj"><div class="flag-box"><div class="iti-flag sj"></div></div><span class="country-name">Svalbard and Jan Mayen</span><span class="dial-code">+47</span></li><li class="country" data-dial-code="268" data-country-code="sz"><div class="flag-box"><div class="iti-flag sz"></div></div><span class="country-name">Swaziland</span><span class="dial-code">+268</span></li><li class="country" data-dial-code="46" data-country-code="se"><div class="flag-box"><div class="iti-flag se"></div></div><span class="country-name">Sweden (Sverige)</span><span class="dial-code">+46</span></li><li class="country" data-dial-code="41" data-country-code="ch"><div class="flag-box"><div class="iti-flag ch"></div></div><span class="country-name">Switzerland (Schweiz)</span><span class="dial-code">+41</span></li><li class="country" data-dial-code="963" data-country-code="sy"><div class="flag-box"><div class="iti-flag sy"></div></div><span class="country-name">Syria (سوريا)</span><span class="dial-code">+963</span></li><li class="country" data-dial-code="886" data-country-code="tw"><div class="flag-box"><div class="iti-flag tw"></div></div><span class="country-name">Taiwan (台灣)</span><span class="dial-code">+886</span></li><li class="country" data-dial-code="992" data-country-code="tj"><div class="flag-box"><div class="iti-flag tj"></div></div><span class="country-name">Tajikistan</span><span class="dial-code">+992</span></li><li class="country" data-dial-code="255" data-country-code="tz"><div class="flag-box"><div class="iti-flag tz"></div></div><span class="country-name">Tanzania</span><span class="dial-code">+255</span></li><li class="country" data-dial-code="66" data-country-code="th"><div class="flag-box"><div class="iti-flag th"></div></div><span class="country-name">Thailand (ไทย)</span><span class="dial-code">+66</span></li><li class="country" data-dial-code="670" data-country-code="tl"><div class="flag-box"><div class="iti-flag tl"></div></div><span class="country-name">Timor-Leste</span><span class="dial-code">+670</span></li><li class="country" data-dial-code="228" data-country-code="tg"><div class="flag-box"><div class="iti-flag tg"></div></div><span class="country-name">Togo</span><span class="dial-code">+228</span></li><li class="country" data-dial-code="690" data-country-code="tk"><div class="flag-box"><div class="iti-flag tk"></div></div><span class="country-name">Tokelau</span><span class="dial-code">+690</span></li><li class="country" data-dial-code="676" data-country-code="to"><div class="flag-box"><div class="iti-flag to"></div></div><span class="country-name">Tonga</span><span class="dial-code">+676</span></li><li class="country" data-dial-code="1868" data-country-code="tt"><div class="flag-box"><div class="iti-flag tt"></div></div><span class="country-name">Trinidad and Tobago</span><span class="dial-code">+1868</span></li><li class="country" data-dial-code="216" data-country-code="tn"><div class="flag-box"><div class="iti-flag tn"></div></div><span class="country-name">Tunisia (تونس)</span><span class="dial-code">+216</span></li><li class="country" data-dial-code="90" data-country-code="tr"><div class="flag-box"><div class="iti-flag tr"></div></div><span class="country-name">Turkey (Türkiye)</span><span class="dial-code">+90</span></li><li class="country" data-dial-code="993" data-country-code="tm"><div class="flag-box"><div class="iti-flag tm"></div></div><span class="country-name">Turkmenistan</span><span class="dial-code">+993</span></li><li class="country" data-dial-code="1649" data-country-code="tc"><div class="flag-box"><div class="iti-flag tc"></div></div><span class="country-name">Turks and Caicos Islands</span><span class="dial-code">+1649</span></li><li class="country" data-dial-code="688" data-country-code="tv"><div class="flag-box"><div class="iti-flag tv"></div></div><span class="country-name">Tuvalu</span><span class="dial-code">+688</span></li><li class="country" data-dial-code="1340" data-country-code="vi"><div class="flag-box"><div class="iti-flag vi"></div></div><span class="country-name">U.S. Virgin Islands</span><span class="dial-code">+1340</span></li><li class="country" data-dial-code="256" data-country-code="ug"><div class="flag-box"><div class="iti-flag ug"></div></div><span class="country-name">Uganda</span><span class="dial-code">+256</span></li><li class="country" data-dial-code="380" data-country-code="ua"><div class="flag-box"><div class="iti-flag ua"></div></div><span class="country-name">Ukraine (Україна)</span><span class="dial-code">+380</span></li><li class="country" data-dial-code="971" data-country-code="ae"><div class="flag-box"><div class="iti-flag ae"></div></div><span class="country-name">United Arab Emirates (الإمارات العربية المتحدة)</span><span class="dial-code">+971</span></li><li class="country" data-dial-code="44" data-country-code="gb"><div class="flag-box"><div class="iti-flag gb"></div></div><span class="country-name">United Kingdom</span><span class="dial-code">+44</span></li><li class="country" data-dial-code="1" data-country-code="us"><div class="flag-box"><div class="iti-flag us"></div></div><span class="country-name">United States</span><span class="dial-code">+1</span></li><li class="country" data-dial-code="598" data-country-code="uy"><div class="flag-box"><div class="iti-flag uy"></div></div><span class="country-name">Uruguay</span><span class="dial-code">+598</span></li><li class="country" data-dial-code="998" data-country-code="uz"><div class="flag-box"><div class="iti-flag uz"></div></div><span class="country-name">Uzbekistan (Oʻzbekiston)</span><span class="dial-code">+998</span></li><li class="country" data-dial-code="678" data-country-code="vu"><div class="flag-box"><div class="iti-flag vu"></div></div><span class="country-name">Vanuatu</span><span class="dial-code">+678</span></li><li class="country" data-dial-code="39" data-country-code="va"><div class="flag-box"><div class="iti-flag va"></div></div><span class="country-name">Vatican City (Città del Vaticano)</span><span class="dial-code">+39</span></li><li class="country" data-dial-code="58" data-country-code="ve"><div class="flag-box"><div class="iti-flag ve"></div></div><span class="country-name">Venezuela</span><span class="dial-code">+58</span></li><li class="country" data-dial-code="84" data-country-code="vn"><div class="flag-box"><div class="iti-flag vn"></div></div><span class="country-name">Vietnam (Việt Nam)</span><span class="dial-code">+84</span></li><li class="country" data-dial-code="681" data-country-code="wf"><div class="flag-box"><div class="iti-flag wf"></div></div><span class="country-name">Wallis and Futuna (Wallis-et-Futuna)</span><span class="dial-code">+681</span></li><li class="country" data-dial-code="212" data-country-code="eh"><div class="flag-box"><div class="iti-flag eh"></div></div><span class="country-name">Western Sahara (الصحراء الغربية)</span><span class="dial-code">+212</span></li><li class="country" data-dial-code="967" data-country-code="ye"><div class="flag-box"><div class="iti-flag ye"></div></div><span class="country-name">Yemen (اليمن)</span><span class="dial-code">+967</span></li><li class="country" data-dial-code="260" data-country-code="zm"><div class="flag-box"><div class="iti-flag zm"></div></div><span class="country-name">Zambia</span><span class="dial-code">+260</span></li><li class="country" data-dial-code="263" data-country-code="zw"><div class="flag-box"><div class="iti-flag zw"></div></div><span class="country-name">Zimbabwe</span><span class="dial-code">+263</span></li><li class="country" data-dial-code="358" data-country-code="ax"><div class="flag-box"><div class="iti-flag ax"></div></div><span class="country-name">Åland Islands</span><span class="dial-code">+358</span></li></ul></div><input size="40" class="wpcf7-form-control wpcf7-phonetext wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-phonetext country-code-phone" aria-required="true" aria-invalid="false" value="" type="text" name="your-phone" autocomplete="off"><input type="hidden" name="full_number"></div><input type="hidden" name="your-phone-country-code" class="wpcf7-phonetext-country-code" value="+65"></span><br>
</label>
</p>
</div>
<div class="second-row">
<p><label> How Did You Hear About Us*<br>
<span class="wpcf7-form-control-wrap" data-name="hear-about"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false" name="hear-about"><option value="">—Please choose an option—</option><option value="Google">Google</option><option value="Facebook">Facebook</option><option value="Instagram">Instagram</option><option value="Xiao Hong Shu">Xiao Hong Shu</option><option value="Social Media Personalities, Influencers">Social Media Personalities, Influencers</option><option value="Website">Website</option><option value="Friends/Family">Friends/Family</option><option value="Others">Others</option></select></span><br>
</label>
</p>
<p><label> Email*<br>
<span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" autocomplete="email" aria-required="true" aria-invalid="false" value="" type="email" name="your-email"></span><br>
</label>
</p>
<div data-id="specify-text" data-orig_data_id="specify-text" data-clear_on_hide="" data-class="wpcf7cf_group" style="height: auto;" class="wpcf7cf-hidden">
<p><label> Please Specify<br>
<span class="wpcf7-form-control-wrap" data-name="specify-text"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" id="specify-text" aria-invalid="false" value="" type="text" name="specify-text"></span><br>
</label>
</p>
</div>
</div>
<div class="third-row">
<p><label> Message<br>
<span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" name="your-message"></textarea></span><br>
</label>
</p>
</div>
<div style="margin-bottom: 30px;">
<span class="wpcf7-form-control-wrap recaptcha" data-name="recaptcha"><span data-sitekey="6LfM02MqAAAAAB_jK_ZD1NhFN7fzwgIOVKdtJpGY" class="wpcf7-form-control wpcf7-recaptcha g-recaptcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-azqwgof1y34h" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfM02MqAAAAAB_jK_ZD1NhFN7fzwgIOVKdtJpGY&co=aHR0cHM6Ly9hdXJhbWVkaWNhbC5zZzo0NDM.&hl=en&v=pPK749sccDmVW_9DSeTMVvh2&size=normal&cb=ttgutd2le5tq"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></span>
<noscript>
<div class="grecaptcha-noscript">
<iframe src="https://www.google.com/recaptcha/api/fallback?k=6LfM02MqAAAAAB_jK_ZD1NhFN7fzwgIOVKdtJpGY" frameborder="0" scrolling="no" width="310" height="430">
</iframe>
<textarea name="g-recaptcha-response" rows="3" cols="40" placeholder="reCaptcha Response Here">
</textarea>
</div>
</noscript>
</span>
</div>
<div class="hidden">
<p><span class="wpcf7-form-control-wrap" data-name="page-title"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" id="page-title" aria-invalid="false" value="" type="text" name="page-title"></span>
</p>
</div>
<div class="flex justify-center">
<p><button type="submit" class="wpcf7-submitbutton"><br>
<img src="/wp-content/uploads/2024/06/button-logo.svg" alt="buttonicon" class="arrow-icon"> SUBMIT<br>
</button>
</p>
</div>
</div>
<div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
</div>
</div>
</section>
<div class="container flex flex-col justify-center py-16 lg:justify-start sm:items-center gap-y-8 lg:flex-row">
<div class="w-[90%] md:w-[60%]">
<p class="text-2xl font-lora leading-[1] text-start sm:text-center lg:text-start 3xl:text-4xl text-aura-brightGreen">Join our newsletter<br>for expert insights on beauty.</p>
</div>
<div>
<div id="mc_embed_shell">
<link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup form {
margin: 0px;
}
#mc_embed_signup input {
border: none;
border-radius: 10px;
height: 45px;
}
#mc_embed_signup .button {
height: 42px;
background-color: #1F6A56;
border-radius: 50px;
font-family: 'Noto Sans', 'sans-serif';
text-transform: uppercase;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
}
#mc_embed_signup div#mce-responses {
padding: 0px;
margin: 0px;
}
#mc_embed_signup div.response {
padding: 0px;
}
#mc_embed_signup {
background: #D4DABA !important;
clear: left;
font: 14px Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 640px) {
#mc_embed_signup {
background: #D4DABA !important;
clear: left;
font: 14px Helvetica, Arial, sans-serif;
width: 400px;
}
}
@media screen and (min-width: 1024px) {
#mc_embed_signup {
background: #D4DABA !important;
clear: center;
font: 14px Helvetica, Arial, sans-serif;
width: 600px;
}
}
</style>
<div class="w-[100%]" id="mc_embed_signup">
<form action="https://auraclinic.us22.list-manage.com/subscribe/post?u=625a3f36fc1be75770d885c4a&id=3fee733c71&f_id=000ed0e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate">
<div class="flex flex-col justify-center md:flex-row lg:justify-start" id="mc_embed_signup_scroll">
<div class="w-[90%] sm:w-[80%]">
<div class="mc-field-group"><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="" placeholder="Enter your email" aria-required="true"></div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display: none;"></div>
<div class="response" id="mce-success-response" style="display: none;"></div>
</div>
</div>
<!-- Hidden field for tags -->
<input type="hidden" name="TAGS" value="newsletter">
<div>
<div aria-hidden="true" style="position: absolute; left: -5000px;">
<input type="text" name="b_625a3f36fc1be75770d885c4a_3fee733c71" tabindex="-1" value="">
</div>
<div class="clear">
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="button">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 mr-2 4xl:w-5" viewBox="0 0 21.664 24">
<path id="Path_237" data-name="Path 237" d="M10.832,0,9.27,8.239l-4.211-2,2,4.211L0,12.008l7.06,1.563-2,4.212,4.211-2L10.832,24l1.562-8.218,4.21,2-2-4.212,7.061-1.563L14.6,10.448l2-4.211-4.21,2Z" transform="translate(0 0)" fill="#ffffff"></path>
</svg>
Subscribe
</button>
</div>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
<script type="text/javascript">
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
fnames[3] = 'ADDRESS';
ftypes[3] = 'address';
fnames[4] = 'PHONE';
ftypes[4] = 'phone';
fnames[5] = 'MMERGE5';
ftypes[5] = 'birthday';
fnames[6] = 'MMERGE6';
ftypes[6] = 'number';
fnames[7] = 'MMERGE7';
ftypes[7] = 'number';
fnames[8] = 'MMERGE8';
ftypes[8] = 'text';
fnames[9] = 'MMERGE9';
ftypes[9] = 'text';
fnames[10] = 'MMERGE10';
ftypes[10] = 'text';
fnames[11] = 'MMERGE11';
ftypes[11] = 'text';
fnames[12] = 'MMERGE12';
ftypes[12] = 'text';
fnames[13] = 'MMERGE13';
ftypes[13] = 'text';
fnames[14] = 'MMERGE14';
ftypes[14] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
</div>
</div>
</div>
</section>
<script type="text/javascript" id="" charset="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","1159180018562713");fbq("set","agent","tmgoogletagmanager","1159180018562713");fbq("track","PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1159180018562713&ev=PageView&noscript=1"></noscript><iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe>
<footer class="flex flex-col">
<div class="z-30 mt-auto">
<div class="container">
<div class="flex flex-col items-center justify-center w-full pb-10 4xl:container lg:justify-between lg:gap-6 4xl:gap-10 lg:flex-row md:pt-14">
<div class="flex flex-col items-center lg:items-start md:items-center sm:items-center justify-start flex-shrink w-full sm:w-[80%] lg:w-[60%] mt-2 mb-14 sm:mb-2 ">
<a href="" alt="aura logo">
<img class="w-[100px] mb-4" src="https://auramedical.sg/wp-content/uploads/2024/07/Mask-Group-101.svg" alt="Company logo">
</a>
<div>
<p class="mx-0 text-center lg:mx-0 md:mx-8 text-xs text-aura-brightGreen sm:mx-4 lg:text-left ">At AURA, we celebrate your unique beauty. Our commitment to excellence in aesthetic services is driven by a passion for enhancing your natural allure and empowering you to redefine beauty on your own terms. Discover the best version of yourself and let your true aura shine.</p>
</div>
<div class="flex flex-col items-center gap-2 mt-6 sm:flex-row">
<a target="_blank" href="tel:+65 8666 6306" class="flex items-center mr-4">
<svg xmlns="http://www.w3.org/2000/svg" width="17.08" height="17.08" viewBox="0 0 17.08 17.08" class="hidden w-3 h-3 lg:block">
<path id="Icon_awesome-phone" data-name="Icon awesome-phone" d="M16.458.82,12.989.02a.806.806,0,0,0-.917.464l-1.6,3.736a.8.8,0,0,0,.23.934l2.021,1.655a12.363,12.363,0,0,1-5.911,5.911L5.157,10.7a.8.8,0,0,0-.934-.23l-3.736,1.6a.81.81,0,0,0-.467.921l.8,3.469a.8.8,0,0,0,.781.62A15.476,15.476,0,0,0,17.079,1.6.8.8,0,0,0,16.458.82Z" transform="translate(0.001 0.001)" fill="#1f6a56"></path>
</svg>
<p class="mx-5 text-xs underline 3xl:text-sm md:mx-2 text-aura-brightGreen underline-offset-2 ">+65 8666 6306</p>
</a>
<a target="_blank" href="mailto:[email protected]" class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="15.843" height="12.675" viewBox="0 0 15.843 12.675" class="hidden w-3 h-3 lg:block">
<path id="Icon_material-email" data-name="Icon material-email" d="M17.259,6H4.584A1.582,1.582,0,0,0,3.008,7.584L3,17.09a1.589,1.589,0,0,0,1.584,1.584H17.259a1.589,1.589,0,0,0,1.584-1.584V7.584A1.589,1.589,0,0,0,17.259,6Zm0,3.169-6.337,3.961L4.584,9.169V7.584l6.337,3.961,6.337-3.961Z" transform="translate(-3 -6)" fill="#1f6a56"></path>
</svg>
<p class="mx-5 text-xs underline 3xl:text-sm lg:mx-2 text-aura-brightGreen underline-offset-2" href=" $footer_content['contact_list_2']['email']['url]" target="$footer_content['contact_list_2']['email']['target]">[email protected]</p>
</a>
<div class="flex flex-row">
<!-- Footer Social Media Icon -->
<a target="_blank" href="https://linktr.ee/AURAinstagram" class="flex items-center">
<!-- Display Social Media Icon -->
<img src="https://auramedical.sg/wp-content/uploads/2024/08/Group-17890.svg" class="p-1 w-6 h-auto" alt="Social Icon">
</a>
<a target="_blank" href="https://linktr.ee/AURAfacebook" class="flex items-center">
<!-- Display Social Media Icon -->
<img src="https://auramedical.sg/wp-content/uploads/2024/08/Icon-awesome-facebook.svg" class="p-1 w-6 h-auto" alt="Social Icon">
</a>
<a target="_blank" href="https://linktr.ee/AURAtiktok" class="flex items-center">
<!-- Display Social Media Icon -->
<img src="https://auramedical.sg/wp-content/uploads/2024/08/Icon-simple-tiktok.svg" class="p-1 w-6 h-auto" alt="Social Icon">
</a>
<a target="_blank" href="https://www.xiaohongshu.com/user/profile/666908c40000000003031e7e?xhsshare=CopyLink&appuid=5edc8b5c000000000101e66d&apptime=1724749294" class="flex items-center">
<!-- Display Social Media Icon -->
<img src="https://auramedical.sg/wp-content/uploads/2024/08/Group-17963.svg" class="p-1 w-6 h-auto" alt="Social Icon">
</a>
</div>
</div>
</div>
<div class="flex flex-col items-center justify-center w-full sm:flex-row lg:justify-end gap-x-16 sm:items-baseline">
<div class="flex flex-col items-center lg:items-start gap-y-1">
<p class="mb-3 text-sm font-bold 3xl:text-sm text-aura-brightGreen">Opening Hours</p>
<!-- Grid container for days and time -->
<!-- <div class="grid grid-cols-2 text-left gap-x-2"> -->
<div class="flex flex-row gap-10 text-left lg:grid lg:grid-cols-2 gap-x-2">
<!-- Days -->
<div class="w-16 lg:pr-8">
<p class="text-xs font-bold leading-tight 3xl:text-sm text-aura-brightGreen">Mon</p>
</div>
<!-- Time/Description with min-width to align properly -->
<div style="min-width: 100px;"> <!-- Added min-width -->
<p class="text-xs leading-[1] 3xl:text-sm text-aura-brightGreen">10 AM - 7 PM</p>
</div>
</div>
<div>
</div>
<!-- Grid container for days and time -->
<!-- <div class="grid grid-cols-2 text-left gap-x-2"> -->
<div class="flex flex-row gap-10 text-left lg:grid lg:grid-cols-2 gap-x-2">
<!-- Days -->
<div class="w-16 lg:pr-8">
<p class="text-xs font-bold leading-tight 3xl:text-sm text-aura-brightGreen">Tue</p>
</div>
<!-- Time/Description with min-width to align properly -->
<div style="min-width: 100px;"> <!-- Added min-width -->
<p class="text-xs leading-[1] 3xl:text-sm text-aura-brightGreen">11 AM - 8 PM</p>
</div>
</div>
<div>
</div>
<!-- Grid container for days and time -->
<!-- <div class="grid grid-cols-2 text-left gap-x-2"> -->
<div class="flex flex-row gap-10 text-left lg:grid lg:grid-cols-2 gap-x-2">
<!-- Days -->
<div class="w-16 lg:pr-8">
<p class="text-xs font-bold leading-tight 3xl:text-sm text-aura-brightGreen">Wed</p>
</div>
<!-- Time/Description with min-width to align properly -->
<div style="min-width: 100px;"> <!-- Added min-width -->
<p class="text-xs leading-[1] 3xl:text-sm text-aura-brightGreen">10 AM - 7 PM</p>
</div>
</div>
<div>
</div>
<!-- Grid container for days and time -->
<!-- <div class="grid grid-cols-2 text-left gap-x-2"> -->
<div class="flex flex-row gap-10 text-left lg:grid lg:grid-cols-2 gap-x-2">
<!-- Days -->
<div class="w-16 lg:pr-8">
<p class="text-xs font-bold leading-tight 3xl:text-sm text-aura-brightGreen">Thu</p>
</div>
<!-- Time/Description with min-width to align properly -->
<div style="min-width: 100px;"> <!-- Added min-width -->
<p class="text-xs leading-[1] 3xl:text-sm text-aura-brightGreen">11 AM - 8 PM</p>
</div>
</div>
<div>
</div>
<!-- Grid container for days and time -->
<!-- <div class="grid grid-cols-2 text-left gap-x-2"> -->
<div class="flex flex-row gap-10 text-left lg:grid lg:grid-cols-2 gap-x-2">
<!-- Days -->
<div class="w-16 lg:pr-8">
<p class="text-xs font-bold leading-tight 3xl:text-sm text-aura-brightGreen">Fri</p>
</div>
<!-- Time/Description with min-width to align properly -->
<div style="min-width: 100px;"> <!-- Added min-width -->
<p class="text-xs leading-[1] 3xl:text-sm text-aura-brightGreen">11 AM - 8 PM</p>
</div>
</div>
<div>
</div>
<!-- Grid container for days and time -->
<!-- <div class="grid grid-cols-2 text-left gap-x-2"> -->
<div class="flex flex-row gap-10 text-left lg:grid lg:grid-cols-2 gap-x-2">
<!-- Days -->
<div class="w-16 lg:pr-8">
<p class="text-xs font-bold leading-tight 3xl:text-sm text-aura-brightGreen">Sat</p>
</div>
<!-- Time/Description with min-width to align properly -->
<div style="min-width: 100px;"> <!-- Added min-width -->
<p class="text-xs leading-[1] 3xl:text-sm text-aura-brightGreen">10 AM - 7 PM</p>
</div>
</div>
<div>
</div>
<!-- Grid container for days and time -->
<!-- <div class="grid grid-cols-2 text-left gap-x-2"> -->
<div class="flex flex-row gap-10 text-left lg:grid lg:grid-cols-2 gap-x-2">
<!-- Days -->
<div class="w-16 lg:pr-8">
<p class="text-xs font-bold leading-tight 3xl:text-sm text-aura-brightGreen">Sun</p>
</div>
<!-- Time/Description with min-width to align properly -->
<div style="min-width: 100px;"> <!-- Added min-width -->
<p class="text-xs leading-[1] 3xl:text-sm text-aura-brightGreen">Closed</p>
</div>
</div>
<div>
<p class="text-xs italic pt-4 leading-tight 3xl:text-sm text-aura-brightGreen">*Closed on public holidays</p>
</div>
</div>
<!-- <div>
<p class="mt-6 mb-2 font-semibold text-center md:mt-0 text-aura-jadeGreen lg:text-start">Follow Us</p>
<div class="flex flex-row items-center justify-center gap-8 lg:justify-start">
<div class="mt-6 md:mt-2">
<a target="_blank" href="https://linktr.ee/AURAfacebook" alt="logo">
<img width="25px" src="https://auramedical.sg/wp-content/uploads/2024/06/Icon-awesome-facebook.svg">
</a>
</div>
<div class="mt-6 md:mt-2">
<a target="_blank" href="https://linktr.ee/AURAinstagram" alt="logo">
<img width="25px" src="https://auramedical.sg/wp-content/uploads/2024/06/Ig-Icon.svg">
</a>
</div>
<div class="mt-6 md:mt-2">
<a target="_blank" href="https://linktr.ee/AURAtiktok" alt="logo">
<img width="25px" src="https://auramedical.sg/wp-content/uploads/2024/06/Icon-simple-tiktok.svg">
</a>
</div>
</div>
</div> -->
<div class="mt-10 lg:mt-0">
<!-- <p class="mt-6 mb-2 text-xs font-bold text-center lg:text-sm 3xl:text-base md:mt-0 text-aura-brightGreen lg:text-start ">Services</p> -->
<div class="flex flex-col text-center lg:grid-cols-2 lg:text-start">
</div>
</div>
<div class="mt-10 lg:mt-0">
<p class="mt-6 mb-2 text-xs font-bold text-center lg:text-sm 3xl:text-base md:mt-0 text-aura-brightGreen lg:text-start ">Company</p>
<div class="flex flex-col text-center lg:grid-cols-2 lg:text-start">
<div class="mt-2 md:mt-2">
<a href="/contact-us/#our-location" target="_blank" class="text-xs lg:text-xs text-aura-brightGreen">
Locations </a>
</div>
<div class="mt-2 md:mt-2">
<a href="http://auramedical.sg/wp-content/uploads/2024/09/AURA-website-terms-of-use.pdf" target="_blank" class="text-xs lg:text-xs text-aura-brightGreen">
Terms of Use </a>
</div>
<div class="mt-2 md:mt-2">
<a href="http://auramedical.sg/wp-content/uploads/2024/09/AURA-website-privacy-policy.pdf" target="_blank" class="text-xs lg:text-xs text-aura-brightGreen">
Privacy Policy </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-col-reverse items-center justify-between py-2 mx-auto border-t sm:flex-row " style="border-color: #D4DABA; width: 90%;">
<!-- Copyright on the left -->
<p class="mx-4 text-black text-xxs " style="margin-top: 20px; margin-bottom: 20px;">Copyright 2024 © AURA Medical Aesthetics Pte. Ltd.</p> <!-- Added margin-top and margin-bottom -->
<!-- Address on the right -->
<div class="flex flex-row items-center justify-end gap-x-6 lg:gap-x-10 3xl:gap-x-20 4xl:gap-x-28 " style="margin-top: 20px; margin-bottom: 20px;"> <!-- Added margin-top and margin-bottom -->
<div class="mx-4">
<p class="leading-tight text-center text-black text-xxs lg:text-start">AURA Clinic, One Holland Village</p>
</div>
<div class="mx-4">
<p class="leading-tight text-center text-black text-xxs lg:text-start">AURA Medical Aesthetics, One Holland Village </p>
</div>
<div class="mx-4">
<p class="leading-tight text-center text-black text-xxs lg:text-start">AURA Clinic, Palais Renaissance</p>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
(function () {
var c = document.body.className;
c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
document.body.className = c;
})();
</script>
<link rel="stylesheet" id="wc-blocks-style-css" href="https://auramedical.sg/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-9.4.2" type="text/css" media="all">
<script type="text/javascript" src="https://auramedical.sg/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-before">
/* <![CDATA[ */
var wpcf7 = {
"api": {
"root": "https:\/\/auramedical.sg\/wp-json\/",
"namespace": "contact-form-7\/v1"
}
};
/* ]]> */
</script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/country-phone-field-contact-form-7/assets/js/intlTelInput.min.js?ver=909798847d79e6714d6b0a4a41885606" id="nbcpf-intlTelInput-script-js"></script>
<script type="text/javascript" id="nbcpf-countryFlag-script-js-extra">
/* <![CDATA[ */
var nbcpf = {"ajaxurl":"https:\/\/auramedical.sg\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/country-phone-field-contact-form-7/assets/js/countrySelect.min.js?ver=909798847d79e6714d6b0a4a41885606" id="nbcpf-countryFlag-script-js"></script>
<script type="text/javascript" id="nbcpf-countryFlag-script-js-after">
/* <![CDATA[ */
(function($) {
$(function() {
$(".wpcf7-countrytext").countrySelect({
defaultCountry: "sg",
});
$(".wpcf7-phonetext").intlTelInput({
autoHideDialCode: true,
autoPlaceholder: true,
nationalMode: true,
separateDialCode: true,
hiddenInput: "full_number",
initialCountry: "sg",
});
$(".wpcf7-phonetext").each(function () {
var hiddenInput = $(this).attr('name');
//console.log(hiddenInput);
var dial_code = $(this).siblings(".flag-container").find(".selected-flag .selected-dial-code").text();
$("input[name="+hiddenInput+"-country-code]").val(dial_code);
});
$(".wpcf7-phonetext").on("countrychange", function() {
// do something with iti.getSelectedCountryData()
//console.log(this.value);
var hiddenInput = $(this).attr("name");
var dial_code = $(this).siblings(".flag-container").find(".selected-flag .selected-dial-code").text();
$("input[name="+hiddenInput+"-country-code]").val(dial_code);
});$(".wpcf7-countrytext").on("keyup", function() {
var country_name = $(this).siblings(".flag-dropdown").find(".country-list li.active span.country-name").text();
if(country_name == "")
var country_name = $(this).siblings(".flag-dropdown").find(".country-list li.highlight span.country-name").text();
var value = $(this).val();
//console.log(country_name, value);
$(this).val(country_name + value.substring(country_name.length));
});
});
})(jQuery);
/* ]]> */
</script>
<script type="text/javascript" id="wpcf7-redirect-script-js-extra">
/* <![CDATA[ */
var wpcf7r = {"ajax_url":"https:\/\/auramedical.sg\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/wpcf7-redirect/build/js/wpcf7r-fe.js?ver=1.1" id="wpcf7-redirect-script-js"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.4.2" id="sourcebuster-js-js"></script>
<script type="text/javascript" id="wc-order-attribution-js-extra">
/* <![CDATA[ */
var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/auramedical.sg\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.4.2" id="wc-order-attribution-js"></script>
<script type="text/javascript" id="wpcf7cf-scripts-js-extra">
/* <![CDATA[ */
var wpcf7cf_global_settings = {"ajaxurl":"https:\/\/auramedical.sg\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/cf7-conditional-fields/js/scripts.js?ver=2.5.1" id="wpcf7cf-scripts-js"></script>
<script type="text/javascript" id="bafg_custom_js-js-extra">
/* <![CDATA[ */
var bafg_constant_obj = {"ajax_url":"https:\/\/auramedical.sg\/wp-admin\/admin-ajax.php","site_url":"https:\/\/auramedical.sg\/wp-content\/plugins\/beaf-before-and-after-gallery\/"};
/* ]]> */
</script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/beaf-before-and-after-gallery/assets/js/bafg-custom-js.js?ver=4.5.34" id="bafg_custom_js-js"></script>
<script type="text/javascript" src="https://auramedical.sg/wp-content/plugins/wpcf7-recaptcha/assets/js/wpcf7-recaptcha-controls.js?ver=1.2" id="wpcf7-recaptcha-controls-js"></script>
<script type="text/javascript" id="google-recaptcha-js-extra">
/* <![CDATA[ */
var wpcf7iqfix = {"recaptcha_empty":"Please verify that you are not a robot.","response_err":"wpcf7-recaptcha: Could not verify reCaptcha response."};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=en_US&onload=recaptchaCallback&render=explicit&ver=2.0" id="google-recaptcha-js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.7/odometer.min.js" integrity="sha512-v3fZyWIk7kh9yGNQZf1SnSjIxjAKsYbg6UQ+B+QxAZqJQLrN3jMjrdNwcxV6tis6S0s1xyVDZrDz9UoRLfRpWw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
once: false
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Get the page title from the document
var pageTitle = document.title;
// Find the Contact Form 7 input field with the ID 'page-title'
var pageTitleInput = document.getElementById('page-title');
// Set the input field's value to the page title
if (pageTitleInput) {
pageTitleInput.value = pageTitle;
}
});
</script>
<script>
document.getElementById('toggleButton').addEventListener('click', function() {
const socialLinksBox = document.getElementById('socialLinksBox');
socialLinksBox.classList.toggle('hidden');
});
</script>
<div class="widget_shopping_cart_live_region screen-reader-text" role="status"></div></body></html>