<style id="elementor-post-7423">.elementor-7423 .elementor-element.elementor-element-9020b84{text-align:center;}.elementor-7423 .elementor-element.elementor-element-9020b84 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-7423 .elementor-element.elementor-element-e4675bb .ova-title{text-align:center;}.elementor-7423 .elementor-element.elementor-element-ec9c5b0{margin-top:100px;margin-bottom:0px;padding:0px 0px 120px 0px;}.elementor-7423 .elementor-element.elementor-element-4a2f0cf .ova-title{text-align:center;}.elementor-7423 .elementor-element.elementor-element-8c7c824{--display:flex;}@media(max-width:1024px){.elementor-7423 .elementor-element.elementor-element-ec9c5b0{padding:8px 0px 47px 0px;}.elementor-7423 .elementor-element.elementor-element-4a2f0cf .ova-title .title {margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-7423 .elementor-element.elementor-element-ec9c5b0{padding:0px 0px 48px 0px;}}</style>{"id":7423,"date":"2026-09-09T14:27:40","date_gmt":"2026-09-09T14:27:40","guid":{"rendered":"https:\/\/skinversionaestheticclinic.com\/?page_id=7423"},"modified":"2026-09-10T12:11:02","modified_gmt":"2026-09-10T12:11:02","slug":"treatment-guides","status":"publish","type":"page","link":"https:\/\/skinversionaestheticclinic.com\/index.php\/treatment-guides\/","title":{"rendered":"Treatment Guides"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7423\" class=\"elementor elementor-7423\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-903e014 e-con e-atomic-element e-flexbox-base e-default-div e-d3f803e \" data-id=\"903e014\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"903e014\" data-e-type=\"e-flexbox\" data-id=\"903e014\">\n    \t\t<div class=\"elementor-element elementor-element-9020b84 elementor-widget elementor-widget-hfe-breadcrumbs-widget\" data-id=\"9020b84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-breadcrumbs-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav aria-label=\"Breadcrumb\"><ul class=\"hfe-breadcrumbs hfe-breadcrumbs-show-home\"><li class=\"hfe-breadcrumbs-item hfe-breadcrumbs-first\"><span class=\"hfe-breadcrumbs-home-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-home\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z\"><\/path><\/svg><\/span><a href=\"https:\/\/skinversionaestheticclinic.com\"><span class=\"hfe-breadcrumbs-text\">Home<\/span><\/a><\/li><\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4675bb elementor-widget elementor-widget-mellis_elementor_heading\" data-id=\"e4675bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mellis_elementor_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"ova-title template_1 \">\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"title-wrapper\">\r\n\t\t\t\t\r\n\t\t\t\t\t<h2 class=\"title\">Treatment Guides<\/h2>\r\n\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\r\n\t\t<\/div>\r\n\t\t \t\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec9c5b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec9c5b0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b8d5f5\" data-id=\"3b8d5f5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a2f0cf elementor-widget elementor-widget-mellis_elementor_heading\" data-id=\"4a2f0cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mellis_elementor_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"ova-title template_1 \">\r\n\r\n\t\t\t\t\t\t\t<div class=\"sub-title-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"sub-title\">Skin Care &amp; Treatment Guides<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"title-wrapper\">\r\n\t\t\t\t\r\n\t\t\t\t\t<h2 class=\"title\">Skin Care &amp; Treatment Guides\n<\/h2>\r\n\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<p class=\"description\">Watch expert skin tips, procedure guides, and consultation insights by Dr. Aisha Humaira<\/p>\r\n\t\t\t\r\n\t\t<\/div>\r\n\t\t \t\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c7c824 e-flex e-con-boxed e-con e-parent\" data-id=\"8c7c824\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7b0425b e-con e-atomic-element e-div-block-base e-default-div \" data-id=\"7b0425b\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"7b0425b\" data-e-type=\"e-div-block\" data-id=\"7b0425b\">\n    \t\t<div class=\"elementor-element elementor-element-9b6f88c elementor-widget elementor-widget-html\" data-id=\"9b6f88c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<script>\r\n\/\/ 1. Array of Objects - Tamam Tutorial Content\r\nconst tutorialData = [\r\n  {\r\n    id: 1,\r\n    category: \"TREATMENTS\",\r\n    title: \"What Happens During a Medical HydraFacial Session?\",\r\n    badge: \"YouTube Short\",\r\n    thumb: \"https:\/\/images.unsplash.com\/photo-1570172619644-dfd03ed5d881?q=80&w=600&auto=format&fit=crop\",\r\n    videoUrl: \"https:\/\/www.youtube.com\/embed\/TnJkmlzdXqQ\"\r\n  },\r\n  {\r\n    id: 2,\r\n    category: \"DAILY SKINCARE\",\r\n    title: \"How to Apply Sunscreen Correctly for Skin Protection\",\r\n    badge: \"YouTube Short\",\r\n    thumb: \"https:\/\/images.unsplash.com\/photo-1556228720-195a672e8a03?q=80&w=600&auto=format&fit=crop\",\r\n    videoUrl: \"https:\/\/www.youtube.com\/embed\/JB6z3mQPsfA\"\r\n  },\r\n  {\r\n    id: 3,\r\n    category: \"MYTHS VS FACTS\",\r\n    title: \"5 Common Acne Myths Busted by Dr. Aisha Humaira\",\r\n    badge: \"YouTube Short\",\r\n    thumb: \"https:\/\/images.unsplash.com\/photo-1598440947619-2c35fc9aa908?q=80&w=600&auto=format&fit=crop\",\r\n    videoUrl: \"https:\/\/www.youtube.com\/embed\/PQ9I3IiDvvQ\"\r\n  },\r\n  {\r\n    id: 4,\r\n    category: \"TREATMENTS\",\r\n    title: \"Book Your HydraFacial Session Today\",\r\n    badge: \"YouTube Short\",\r\n    thumb: \"https:\/\/images.unsplash.com\/photo-1616394584738-fc6e612e71b9?q=80&w=600&auto=format&fit=crop\",\r\n    videoUrl: \"https:\/\/www.youtube.com\/embed\/TnJkmlzdXqQ\"\r\n  },\r\n  {\r\n    id: 5,\r\n    category: \"DAILY SKINCARE\",\r\n    title: \"Best Nighttime Skincare Routine for Glowing Skin\",\r\n    badge: \"YouTube Short\",\r\n    thumb: \"https:\/\/images.unsplash.com\/photo-1522337360788-8b13dee7a37e?q=80&w=600&auto=format&fit=crop\",\r\n    videoUrl: \"https:\/\/www.youtube.com\/embed\/Bvwjh3blZdw\"\r\n  }\r\n];\r\n\r\n\/\/ 2. Function to Render Cards dynamically\r\nfunction renderTutorialCards(data) {\r\n  const container = document.getElementById('tutorialGrid');\r\n  container.innerHTML = '';\r\n\r\n  data.forEach(item => {\r\n    const cardHTML = `\r\n      <div class=\"clinic-card\" onclick=\"openLightbox('${item.videoUrl}')\">\r\n        <div class=\"card-media\">\r\n          <img decoding=\"async\" src=\"${item.thumb}\" alt=\"${item.title}\">\r\n          <span class=\"badge\">${item.badge}<\/span>\r\n          <div class=\"play-icon\">\u25b6<\/div>\r\n        <\/div>\r\n        <div class=\"card-body\">\r\n          <span class=\"category\">${item.category}<\/span>\r\n          <h3 class=\"title\">${item.title}<\/h3>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n    container.innerHTML += cardHTML;\r\n  });\r\n}\r\n\r\n\/\/ 3. Lightbox Functions\r\nfunction openLightbox(url) {\r\n  const modal = document.getElementById('videoModal');\r\n  const iframe = document.getElementById('modalIframe');\r\n  \r\n  \/\/ Auto-play feature added\r\n  iframe.src = url.includes('?') ? `${url}&autoplay=1` : `${url}?autoplay=1`;\r\n  modal.style.display = 'flex';\r\n}\r\n\r\nfunction closeLightbox() {\r\n  const modal = document.getElementById('videoModal');\r\n  const iframe = document.getElementById('modalIframe');\r\n  \r\n  iframe.src = ''; \/\/ Stop video playback when closed\r\n  modal.style.display = 'none';\r\n}\r\n\r\n\/\/ Initial Call\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  renderTutorialCards(tutorialData);\r\n});\r\n<\/script>\r\n\r\n\r\n\r\n<div class=\"clinic-tutorials-wrapper\">\r\n  <!-- Dynamic Cards Render Area -->\r\n  <div id=\"tutorialGrid\" class=\"tutorial-grid\"><\/div>\r\n\r\n  <!-- Video Lightbox Popup Modal -->\r\n  <div id=\"videoModal\" class=\"video-modal\" onclick=\"closeLightbox()\">\r\n    <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\r\n      <span class=\"close-btn\" onclick=\"closeLightbox()\">&times;<\/span>\r\n      <div class=\"iframe-container\">\r\n        <iframe id=\"modalIframe\" src=\"\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Base Grid Styles *\/\r\n.clinic-tutorials-wrapper {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.tutorial-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 25px;\r\n}\r\n\r\n\/* Card Styling *\/\r\n.clinic-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.06);\r\n  cursor: pointer;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.clinic-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 25px rgba(232, 165, 152, 0.25);\r\n}\r\n\r\n.card-media {\r\n  position: relative;\r\n  height: 220px;\r\n  overflow: hidden;\r\n}\r\n\r\n.card-media img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.clinic-card:hover .card-media img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.badge {\r\n  position: absolute;\r\n  top: 12px;\r\n  right: 12px;\r\n  background: #ffffff;\r\n  color: #333;\r\n  padding: 4px 12px;\r\n  border-radius: 20px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n  z-index: 2;\r\n}\r\n\r\n.play-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 50px;\r\n  height: 50px;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  color: #E8A598;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n  transition: background 0.3s, color 0.3s;\r\n}\r\n\r\n.clinic-card:hover .play-icon {\r\n  background: #E8A598;\r\n  color: #ffffff;\r\n}\r\n\r\n.card-body {\r\n  padding: 20px;\r\n}\r\n\r\n.category {\r\n  color: #E8A598;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.title {\r\n  color: #1A1A1A;\r\n  font-size: 17px;\r\n  line-height: 1.4;\r\n  margin: 0;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Lightbox Modal CSS *\/\r\n.video-modal {\r\n  display: none;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.8);\r\n  backdrop-filter: blur(5px);\r\n  z-index: 999999;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.modal-content {\r\n  position: relative;\r\n  \/*width: 90%;*\/\r\n  max-width: 800px;\r\n  background: #000;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.close-btn {\r\n  position: absolute;\r\n  top: -35px;\r\n  right: 0;\r\n  color: #ffffff;\r\n  font-size: 32px;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n\/* Vertical Instagram Reel Modal adjustment *\/\r\n.iframe-container {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px; \/* Vertical Reel ke liye narrow width *\/\r\n  height: 600px;    \/* Reel height *\/\r\n  margin: 0 auto;\r\n}\r\n\r\n.iframe-container iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n  border-radius: 12px;\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Treatment Guides Skin Care &amp; Treatment Guides Skin Care &amp; Treatment Guides Watch expert skin tips, procedure guides, and consultation insights by Dr. Aisha Humaira &times;<\/p>\n","protected":false},"author":1,"featured_media":7020,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7423","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/skinversionaestheticclinic.com\/index.php\/wp-json\/wp\/v2\/pages\/7423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skinversionaestheticclinic.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skinversionaestheticclinic.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skinversionaestheticclinic.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skinversionaestheticclinic.com\/index.php\/wp-json\/wp\/v2\/comments?post=7423"}],"version-history":[{"count":19,"href":"https:\/\/skinversionaestheticclinic.com\/index.php\/wp-json\/wp\/v2\/pages\/7423\/revisions"}],"predecessor-version":[{"id":7448,"href":"https:\/\/skinversionaestheticclinic.com\/index.php\/wp-json\/wp\/v2\/pages\/7423\/revisions\/7448"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/skinversionaestheticclinic.com\/index.php\/wp-json\/wp\/v2\/media\/7020"}],"wp:attachment":[{"href":"https:\/\/skinversionaestheticclinic.com\/index.php\/wp-json\/wp\/v2\/media?parent=7423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}