{"id":7,"date":"2026-10-22T07:04:04","date_gmt":"2026-10-22T07:04:04","guid":{"rendered":"https:\/\/hairastaderm.redadskillhood.in\/?page_id=7"},"modified":"2026-10-26T06:41:01","modified_gmt":"2026-10-26T06:41:01","slug":"home","status":"publish","type":"page","link":"https:\/\/skinastaderm.redadskillhood.in\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c01fec1 e-con e-atomic-element e-flexbox-base e-default-div e-7d5f43b \" data-id=\"c01fec1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c01fec1\">\n    \t\t<div class=\"elementor-element elementor-element-6349ca4 elementor-widget elementor-widget-html\" data-id=\"6349ca4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n:root {\r\n  --brown: #65452f;\r\n  --brown-dark: #593b28;\r\n  --cream: #f4ece3;\r\n  --ink: #17120f;\r\n  --muted: #6e6259;\r\n}\r\n\r\n\r\n.hair-hero {\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  min-height: 382px;\r\n  overflow: hidden;\r\n  background-color: var(--cream);\r\n  background-image:\r\n    linear-gradient(90deg,\r\n      rgba(248,242,235,.96) 0%,\r\n      rgba(248,242,235,.90) 29%,\r\n      rgba(248,242,235,.28) 47%,\r\n      rgba(248,242,235,.02) 67%,\r\n      rgba(248,242,235,.12) 100%),\r\n    url(\"https:\/\/hairastaderm.redadskillhood.in\/wp-content\/uploads\/2026\/10\/Banner-1.jpg.jpeg\");\r\n  background-position: center bottom;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.hero-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) 240px;\r\n  align-items: center;\r\n  gap: 18px;\r\n  max-width: 1200px;\r\n  min-height: 382px;\r\n  margin: 0 auto;\r\n  padding: 16px 19px 16px 46px;\r\n}\r\n\r\n\/* Mobile image: hidden on desktop *\/\r\n.hero-mobile-image {\r\n  display: none;\r\n}\r\n\r\n.hero-mobile-image img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center 35%;\r\n}\r\n\r\n.hero-copy {\r\n  align-self: stretch;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  max-width: 340px;\r\n  padding: 12px 0 8px;\r\n}\r\n\r\n.hero-copy h1 {\r\n  margin: 0 0 9px;\r\n  font-family: \"Playfair Display\", Georgia, serif;\r\n  font-size: clamp(27px, 3.1vw, 36px);\r\n  line-height: 1.04;\r\n  letter-spacing: -.65px;\r\n  font-weight: 700;\r\n  color: var(--ink);\r\n}\r\n\r\n.hero-copy h1 span {\r\n  display: block;\r\n  color: var(--brown);\r\n}\r\n\r\n.hero-copy p {\r\n  max-width: 290px;\r\n  margin: 0;\r\n  font-size: 11px;\r\n  line-height: 1.48;\r\n  font-weight: 500;\r\n  color: var(--ink);\r\n}\r\n\r\n.hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 16px;\r\n}\r\n\r\n.btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  min-height: 36px;\r\n  padding: 0 17px;\r\n  border: 1px solid var(--brown);\r\n  border-radius: 10px;\r\n  color: var(--brown-dark);\r\n  background: rgba(255,255,255,.78);\r\n  text-decoration: none;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n}\r\n\r\n.btn-primary {\r\n  min-width: 132px;\r\n  color: #fff;\r\n  background: var(--brown);\r\n}\r\n\r\n.btn-primary:hover {\r\n  color: #fff;\r\n  background: var(--brown-dark);\r\n}\r\n\r\n.btn svg {\r\n  width: 15px;\r\n  height: 15px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.consult-time {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  width: fit-content;\r\n  max-width: 100%;\r\n  margin-top: 14px;\r\n  padding: 9px 13px;\r\n  border-radius: 10px;\r\n  background: rgba(240,226,211,.88);\r\n  color: #35271e;\r\n}\r\n\r\n.clock {\r\n  width: 27px;\r\n  height: 27px;\r\n  flex: 0 0 auto;\r\n  color: var(--brown);\r\n}\r\n\r\n.consult-time strong {\r\n  display: block;\r\n  margin-bottom: 2px;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n}\r\n\r\n.consult-time span {\r\n  display: block;\r\n  font-size: 9px;\r\n  line-height: 1.35;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Contact Form 7 container *\/\r\n.hero-form-slot {\r\n  width: 100%;\r\n  min-width: 0;\r\n}\r\n\r\n\/* Desktop layout *\/\r\n@media (min-width: 1000px) {\r\n  .hero-inner {\r\n    grid-template-columns: minmax(340px, 1fr) 300px;\r\n    padding-left: clamp(46px, 6vw, 90px);\r\n    padding-right: clamp(24px, 4vw, 60px);\r\n    gap: 28px;\r\n    min-height: 530px;\r\n  }\r\n\r\n  .hair-hero {\r\n    min-height: 500px;\r\n  }\r\n\r\n  .hero-copy {\r\n    max-width: 390px;\r\n  }\r\n\r\n  .hero-copy h1 {\r\n    font-size: clamp(38px, 4vw, 50px);\r\n  }\r\n\r\n  .hero-copy p {\r\n    font-size: 14px;\r\n    max-width: 340px;\r\n  }\r\n\r\n  .btn {\r\n    min-height: 44px;\r\n    padding: 0 23px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .btn-primary {\r\n    min-width: 160px;\r\n  }\r\n\r\n  .consult-time {\r\n    padding: 12px 16px;\r\n  }\r\n\r\n  .consult-time strong {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .consult-time span {\r\n    font-size: 10px;\r\n  }\r\n}\r\n\r\n\/* TABLET AND MOBILE *\/\r\n@media (max-width: 999px) {\r\n  .hero-inner {\r\n    grid-template-columns: minmax(0, 1fr) 280px;\r\n    gap: 20px;\r\n    padding: 24px;\r\n  }\r\n}\r\n\r\n\/* MOBILE: IMAGE FIRST, CONTENT SECOND, FORM LAST *\/\r\n@media (max-width: 620px) {\r\n  .hair-hero {\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    background: var(--cream);\r\n  }\r\n\r\n  .hero-inner {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 0;\r\n    min-height: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* First section: hero image *\/\r\n  .hero-mobile-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: 300px;\r\n    overflow: hidden;\r\n    background: #e9ddd0;\r\n  }\r\n\r\n  .hero-mobile-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center 35%;\r\n  }\r\n\r\n  \/* Second section: hero text and buttons *\/\r\n  .hero-copy {\r\n    width: 100%;\r\n    max-width: none;\r\n    align-self: auto;\r\n    padding: 26px 20px 22px;\r\n    background: #f8f2eb;\r\n  }\r\n\r\n  .hero-copy h1 {\r\n    margin: 0 0 10px;\r\n    font-size: clamp(32px, 8vw, 42px);\r\n    line-height: 1.04;\r\n  }\r\n\r\n  .hero-copy p {\r\n    max-width: 340px;\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .desktop-break {\r\n    display: none;\r\n  }\r\n\r\n  .hero-actions {\r\n    gap: 9px;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .btn {\r\n    min-height: 40px;\r\n    padding: 0 13px;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .btn-primary {\r\n    min-width: 132px;\r\n  }\r\n\r\n  .consult-time {\r\n    width: fit-content;\r\n    max-width: 100%;\r\n    margin-top: 13px;\r\n    padding: 10px 12px;\r\n  }\r\n\r\n  .consult-time strong {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .consult-time span {\r\n    font-size: 9px;\r\n    white-space: normal;\r\n  }\r\n\r\n  \/* Third section: Contact Form 7 *\/\r\n  .hero-form-slot {\r\n    width: 100%;\r\n    max-width: none;\r\n    align-self: auto;\r\n    padding: 0 18px 26px;\r\n    background: #f8f2eb;\r\n  }\r\n}\r\n\r\n\/* Smaller mobile screens *\/\r\n@media (max-width: 380px) {\r\n  .hero-mobile-image {\r\n    height: 250px;\r\n  }\r\n\r\n  .hero-copy {\r\n    padding: 22px 16px 20px;\r\n  }\r\n\r\n  .hero-copy h1 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .hero-actions {\r\n    gap: 8px;\r\n  }\r\n\r\n  .btn {\r\n    padding: 0 10px;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .hero-form-slot {\r\n    padding: 0 12px 22px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hair-hero\">\r\n  <div class=\"hero-inner\">\r\n\r\n    <!-- FIRST ON MOBILE: IMAGE -->\r\n   \r\n\r\n    <!-- SECOND ON MOBILE: CONTENT -->\r\n    <div class=\"hero-copy\">\r\n\r\n      <h1>\r\n       Every skin journey is unique\r\n      <\/h1>\r\n\r\n      <p>\r\n        Professional Dermatologist-led skin evaluation at Thoraipakkam, on OMR. Treatment is advised only after examination.\r\n      <\/p>\r\n\r\n      <div class=\"hero-actions\">\r\n\r\n        <a class=\"btn btn-primary\" href=\"#consultation\">\r\n          Learn More\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M4 12h15m-6-6 6 6-6 6\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a class=\"btn\" href=\"https:\/\/wa.me\/\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M20 11.7a8 8 0 0 1-11.8 7L4 20l1.3-4A8 8 0 1 1 20 11.7Z\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n              stroke-linejoin=\"round\"\/>\r\n            <path d=\"M9 8.5c.4 2.4 2.1 4.1 4.5 4.6l1.2-1.2 2 1c-.2 1.1-1.1 1.8-2.2 1.8-3.7-.3-6.7-3.3-7-7 0-1.1.7-2 1.8-2.2l1 2L9 8.5Z\"\r\n              fill=\"currentColor\"\r\n              opacity=\".8\"\/>\r\n          <\/svg>\r\n          WhatsApp Us\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"consult-time\">\r\n        <svg class=\"clock\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\r\n          <circle cx=\"16\" cy=\"16\" r=\"13.5\"\r\n            stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <path d=\"M16 7.5v9l6 3.5\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"2\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n\r\n        <div>\r\n          <strong>Consultation Time<\/strong>\r\n          <span>10.00AM - 07.00PM | Sunday - Saturday<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n <div class=\"hero-mobile-image\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/hairastaderm.redadskillhood.in\/wp-content\/uploads\/2026\/10\/Banner-1.jpg.jpeg\"\r\n        alt=\"Hairastaderm hair care consultation\"\r\n        loading=\"eager\">\r\n    <\/div>\r\n    <!-- THIRD ON MOBILE: CONTACT FORM 7 -->\r\n    <div class=\"hero-form-slot\" id=\"consultation\">\r\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f121-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"121\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/7#wpcf7-f121-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"121\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.3\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f121-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"consultation-form\">\n\t<h2>Book a Consultation\n\t<\/h2>\n\t<p class=\"consultation-subtitle\"><br \/>\nTake the first step towards healthier, stronger hair.\n\t<\/p>\n\t<div class=\"consultation-field\">\n\t\t<p><label for=\"consult-name\">Full Name <span>*<\/span><\/label><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\" id=\"consult-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"consultation-field\">\n\t\t<p><label for=\"consult-phone\">Phone Number <span>*<\/span><\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"10\" minlength=\"10\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" id=\"consult-phone\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"9876543210\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"consultation-field\">\n\t\t<p><label for=\"consult-interest\">I am interested in<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-interest\"><select class=\"wpcf7-form-control wpcf7-select\" id=\"consult-interest\" aria-invalid=\"false\" name=\"your-interest\"><option value=\"\">Select an option<\/option><option value=\"Acne and Acne Scar Treatment\">Acne and Acne Scar Treatment<\/option><option value=\"Pigmentation and Melasma Management\">Pigmentation and Melasma Management<\/option><option value=\"Laser Hair Reduction\">Laser Hair Reduction<\/option><option value=\"Anti-Ageing Skin Treatments\">Anti-Ageing Skin Treatments<\/option><option value=\"Skin Allergy and Rash Management\">Skin Allergy and Rash Management<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"consultation-submit\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b871814 e-con e-atomic-element e-flexbox-base e-default-div e-262a8c6 \" data-id=\"b871814\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b871814\" id=\"causes\">\n    \t\t<div class=\"elementor-element elementor-element-c1608f2 elementor-widget elementor-widget-html\" data-id=\"c1608f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Common Skin Concerns and Causes<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  :root {\r\n    --cause-cream: #fbf7f2;\r\n    --cause-circle: #f1e4d7;\r\n    --cause-brown: #67462f;\r\n    --cause-ink: #171310;\r\n  }\r\n\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  body {\r\n    margin: 0;\r\n    color: var(--cause-ink);\r\n    background: var(--cause-cream);\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n  }\r\n\r\n  .causes-section {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    min-height: 230px;\r\n    padding: 28px 5.6% 30px;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(251,247,242,.97) 0%,\r\n        rgba(251,247,242,.95) 75%,\r\n        rgba(251,247,242,.68) 100%\r\n      ),\r\n      var(--cause-cream);\r\n  }\r\n\r\n  \/* Soft botanical decoration *\/\r\n  .causes-section::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: -56px;\r\n    right: -18px;\r\n    width: 185px;\r\n    height: 310px;\r\n    opacity: .42;\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n    background-position: center;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 190 320' fill='none'%3E%3Cg fill='%23eadbcb' stroke='%23eadbcb' stroke-width='1.2' opacity='.8'%3E%3Cpath d='M111 4C76 21 70 50 102 74C126 52 129 28 111 4Z'\/%3E%3Cpath d='M144 24C112 48 115 78 151 93C169 67 165 43 144 24Z'\/%3E%3Cpath d='M88 66C49 65 31 87 47 119C76 110 91 91 88 66Z'\/%3E%3Cpath d='M154 86C121 102 115 132 146 151C169 129 171 105 154 86Z'\/%3E%3Cpath d='M105 121C67 112 43 131 53 164C83 162 101 146 105 121Z'\/%3E%3Cpath d='M162 151C126 161 114 190 142 213C169 194 175 171 162 151Z'\/%3E%3Cpath d='M113 180C78 166 51 182 56 216C86 220 107 203 113 180Z'\/%3E%3Cpath d='M153 226C120 230 102 255 124 282C153 267 164 246 153 226Z'\/%3E%3C\/g%3E%3Cpath d='M174 0C139 62 132 113 135 159C139 220 157 265 177 318' stroke='%23e6d5c4' stroke-width='2'\/%3E%3C\/svg%3E\");\r\n    pointer-events: none;\r\n  }\r\n\r\n  .causes-inner {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .causes-heading {\r\n    margin: 0 0 7px;\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: clamp(26px, 3.2vw, 32px);\r\n    line-height: 1.2;\r\n    letter-spacing: -.45px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .causes-description {\r\n    max-width: 850px;\r\n    margin: 0;\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .causes-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, minmax(0, 1fr));\r\n    gap: 16px;\r\n    align-items: start;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .cause-item {\r\n    display: flex;\r\n    min-width: 0;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .cause-icon {\r\n    display: flex;\r\n    width: 62px;\r\n    height: 62px;\r\n    flex-shrink: 0;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 9px;\r\n    border-radius: 50%;\r\n    color: var(--cause-brown);\r\n    background: var(--cause-circle);\r\n  }\r\n\r\n  .cause-icon svg {\r\n    display: block;\r\n    width: 35px;\r\n    height: 35px;\r\n    stroke: currentColor;\r\n    stroke-width: 1.65;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    fill: none;\r\n  }\r\n\r\n  .cause-label {\r\n    max-width: 135px;\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n  }\r\n\r\n  @media (min-width: 1000px) {\r\n    .causes-section {\r\n      padding-top: 30px;\r\n      padding-bottom: 34px;\r\n    }\r\n\r\n    .causes-grid {\r\n      margin-top: 22px;\r\n      gap: 22px;\r\n    }\r\n\r\n    .cause-icon {\r\n      width: 66px;\r\n      height: 66px;\r\n    }\r\n\r\n    .cause-icon svg {\r\n      width: 38px;\r\n      height: 38px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 760px) {\r\n    .causes-section {\r\n      padding: 26px 24px 30px;\r\n    }\r\n\r\n    .causes-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      row-gap: 24px;\r\n      column-gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .cause-label {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .causes-section {\r\n      padding: 24px 18px 28px;\r\n    }\r\n\r\n    .causes-section::after {\r\n      right: -65px;\r\n      opacity: .25;\r\n    }\r\n\r\n    .causes-heading {\r\n      font-size: 27px;\r\n    }\r\n\r\n    .causes-description {\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .causes-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      row-gap: 22px;\r\n      column-gap: 8px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .cause-icon {\r\n      width: 56px;\r\n      height: 56px;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .cause-icon svg {\r\n      width: 31px;\r\n      height: 31px;\r\n    }\r\n\r\n    .cause-label {\r\n      font-size: 11px;\r\n      line-height: 1.4;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 350px) {\r\n    .causes-section {\r\n      padding-right: 12px;\r\n      padding-left: 12px;\r\n    }\r\n\r\n    .cause-icon {\r\n      width: 50px;\r\n      height: 50px;\r\n    }\r\n\r\n    .cause-label {\r\n      font-size: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"causes-section\" aria-labelledby=\"causes-title\">\r\n  <div class=\"causes-inner\">\r\n\r\n    <h2 class=\"causes-heading\" id=\"causes-title\">\r\n      Know the Causes\r\n    <\/h2>\r\n\r\n    <p class=\"causes-description\">\r\n      Skin concerns such as acne, dark patches, rashes, dryness and\r\n      early signs of ageing can develop due to several factors.\r\n      Genetics, hormonal changes, sun exposure, pollution, stress\r\n      and skincare products may all play a role.\r\n    <\/p>\r\n\r\n    <div class=\"causes-grid\">\r\n\r\n      <!-- Genetics -->\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 40 40\">\r\n            <path d=\"M10 5c0 8 20 8 20 15S10 28 10 35\"\/>\r\n            <path d=\"M30 5c0 8-20 8-20 15s20 8 20 15\"\/>\r\n            <path d=\"M14 9h12M10 15h20M10 25h20M14 31h12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Genetics<\/div>\r\n      <\/div>\r\n\r\n      <!-- Hormonal changes -->\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 40 40\">\r\n            <path d=\"M20 33S7 25 7 16c0-5 3-8 7-8 3 0 5 2 6 4 2-2 4-4 7-4 4 0 6 3 6 8 0 9-13 17-13 17Z\"\/>\r\n            <path d=\"M20 12c-1-5 2-8 6-9\"\/>\r\n            <path d=\"M23 6c3-1 5 0 6 2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Hormonal Changes<\/div>\r\n      <\/div>\r\n\r\n      <!-- Sun exposure -->\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 40 40\">\r\n            <circle cx=\"20\" cy=\"20\" r=\"6\"\/>\r\n            <path d=\"M20 4v5M20 31v5M4 20h5M31 20h5\"\/>\r\n            <path d=\"m8.7 8.7 3.5 3.5m15.6 15.6 3.5 3.5M31.3 8.7l-3.5 3.5M12.2 27.8l-3.5 3.5\"\/>\r\n            <path d=\"M15 20h10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Sun Exposure<\/div>\r\n      <\/div>\r\n\r\n      <!-- Stress -->\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 40 40\">\r\n            <path d=\"M20 5a12 12 0 0 0-7 22v4h14v-4a12 12 0 0 0-7-22Z\"\/>\r\n            <path d=\"M15 35h10M17 31v4M23 31v4\"\/>\r\n            <path d=\"m21 10-5 8h5l-2 5 6-9h-5l1-4Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Stress<\/div>\r\n      <\/div>\r\n\r\n      <!-- Skin conditions -->\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 40 40\">\r\n            <path d=\"M8 31h24M11 27c3-4 3-9 5-13 1-2 4-2 4 1s-2 6-2 9\"\/>\r\n            <path d=\"M23 29c1-5 1-10 4-14 2-2 4-1 4 2s-2 5-2 8\"\/>\r\n            <circle cx=\"12\" cy=\"10\" r=\"1.5\"\/>\r\n            <circle cx=\"25\" cy=\"8\" r=\"1.5\"\/>\r\n            <circle cx=\"31\" cy=\"12\" r=\"1\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Skin Conditions<\/div>\r\n      <\/div>\r\n\r\n      <!-- Allergies and irritants -->\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 40 40\">\r\n            <path d=\"M20 5v30M5 20h30\"\/>\r\n            <path d=\"m9 9 22 22M31 9 9 31\"\/>\r\n            <circle cx=\"20\" cy=\"20\" r=\"13\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Allergies &amp; Irritants<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0308af7 e-con e-atomic-element e-flexbox-base e-default-div e-ffa7a32 \" data-id=\"0308af7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0308af7\" id=\"treatment\">\n    \t\t<div class=\"elementor-element elementor-element-4e748c4 elementor-widget elementor-widget-html\" data-id=\"4e748c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n:root {\r\n  --bg: #f7f0e8;\r\n  --card: #fffdfa;\r\n  --circle: #f1e4d7;\r\n  --brown: #65452f;\r\n  --ink: #171310;\r\n}\r\n\r\n\r\n\r\nbody {\r\n  margin: 0;\r\n  font-family: \"DM Sans\", Arial, sans-serif;\r\n  color: var(--ink);\r\n}\r\n\r\n.treatments-section {\r\n  padding: 35px 4%;\r\n  background: linear-gradient(110deg,#fbf7f2,#f4ebe1);\r\n}\r\n\r\n.treatments-inner {\r\n  max-width: 1180px;\r\n  margin: auto;\r\n}\r\n\r\n.treatments-heading {\r\n  margin: 0 0 5px 8px;\r\n  font: 700 clamp(27px,3.1vw,32px)\/1.2 \"Playfair Display\",Georgia,serif;\r\n}\r\n\r\n.treatments-intro {\r\n  margin: 0 0 20px 8px;\r\n  font-size: 15px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.treatment-slider {\r\n  position: relative;\r\n  padding: 0 2px;\r\n}\r\n\r\n.treatment-viewport {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  touch-action: pan-y;\r\n}\r\n\r\n.treatments-grid {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: stretch;\r\n  transition: transform .45s ease;\r\n  will-change: transform;\r\n}\r\n\r\n\/* DESKTOP: 4 CARDS *\/\r\n.treatment-card {\r\n  position: relative;\r\n  display: flex;\r\n  flex: 0 0 calc((100% - 48px)\/4);\r\n  min-width: 0;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  min-height: 210px;\r\n  border-radius: 7px;\r\n  background: var(--card);\r\n  box-shadow: 0 2px 8px rgba(85,57,37,.06);\r\n}\r\n\r\n.treatments-section .treatment-card > .treatment-photo {\r\n  display: block;\r\n  width: 100%;\r\n  height: 180px;\r\n  flex: 0 0 auto;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  background: #e9ddd0;\r\n}\r\n\r\n.treatment-caption {\r\n  position: relative;\r\n  display: flex;\r\n  flex: 1;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n  min-height: 100px;\r\n  padding: 38px 8px 12px;\r\n  text-align: center;\r\n}\r\n\r\n.treatment-icon {\r\n  position: absolute;\r\n  top: -22px;\r\n  left: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 54px;\r\n  height: 54px;\r\n  transform: translateX(-50%);\r\n  border-radius: 50%;\r\n  color: var(--brown);\r\n  background: var(--circle);\r\n}\r\n\r\n.treatment-icon svg {\r\n  width: 27px;\r\n  height: 27px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.treatments-section .treatment-name {\r\n  margin: 0;\r\n  width: 100%;\r\n  min-height: 2.8em;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  line-height: 1.4;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* NAVIGATION *\/\r\n.treatment-arrow {\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 43%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 38px;\r\n  height: 38px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  color: white;\r\n  background: var(--brown);\r\n  cursor: pointer;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.treatment-arrow:hover { background: #4f3523; }\r\n.treatment-arrow:disabled { opacity: .35; cursor: default; }\r\n\r\n.treatment-arrow svg {\r\n  width: 19px;\r\n  height: 19px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.treatment-arrow--prev { left: -15px; }\r\n.treatment-arrow--next { right: -15px; }\r\n\r\n.treatment-slider-footer {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 7px;\r\n  margin-top: 17px;\r\n}\r\n\r\n.treatment-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  background: #cbb6a3;\r\n  cursor: pointer;\r\n}\r\n\r\n.treatment-dot.is-active {\r\n  width: 22px;\r\n  border-radius: 8px;\r\n  background: var(--brown);\r\n}\r\n\r\n\/* TABLET: 3 CARDS *\/\r\n@media (max-width: 999px) {\r\n  .treatments-section { padding: 30px 4%; }\r\n\r\n  .treatments-grid { gap: 14px; }\r\n\r\n  .treatment-card {\r\n    flex-basis: calc((100% - 28px)\/3);\r\n  }\r\n\r\n  .treatments-section .treatment-card > .treatment-photo { height: 160px; }\r\n\r\n  .treatment-arrow--prev { left: -10px; }\r\n  .treatment-arrow--next { right: -10px; }\r\n}\r\n\r\n\/* MOBILE: 1 CARD *\/\r\n@media (max-width: 620px) {\r\n  .treatments-section { padding: 24px 18px; }\r\n\r\n  .treatments-heading,\r\n  .treatments-intro { margin-left: 0; }\r\n\r\n  .treatments-heading { font-size: 28px; }\r\n  .treatments-intro { font-size: 12px; }\r\n\r\n  .treatments-grid { gap: 14px; }\r\n\r\n  .treatment-card {\r\n    flex-basis: 100%;\r\n    min-height: 245px;\r\n  }\r\n\r\n  .treatments-section .treatment-card > .treatment-photo { height: 190px; }\r\n\r\n  .treatment-caption {\r\n    min-height: 85px;\r\n    padding-top: 35px;\r\n  }\r\n\r\n  .treatment-arrow {\r\n    width: 34px;\r\n    height: 34px;\r\n  }\r\n\r\n  .treatment-arrow--prev { left: -10px; }\r\n  .treatment-arrow--next { right: -10px; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .treatments-grid { transition: none; }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"treatments-section\">\r\n  <div class=\"treatments-inner\">\r\n\r\n    <h2 class=\"treatments-heading\">Know your Treatment<\/h2>\r\n\r\n    <p class=\"treatments-intro\">\r\n      Noticing breakouts, dark patches, marks or persistent dryness? \r\n<br>\r\n      Our dermatologists evaluate and manage the following concerns with these treatments\r\n\r\n    <\/p>\r\n\r\n    <div class=\"treatment-slider\" id=\"treatmentSlider\">\r\n\r\n      <button class=\"treatment-arrow treatment-arrow--prev\"\r\n        type=\"button\" id=\"treatmentPrev\" aria-label=\"Previous\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path d=\"m15 18-6-6 6-6\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"treatment-viewport\">\r\n        <div class=\"treatments-grid\" id=\"treatmentsTrack\">\r\n\r\n          <!-- 1. HAIR RESTORATION -->\r\n          <article class=\"treatment-card\">\r\n            <img decoding=\"async\" class=\"treatment-photo\"\r\n              src=\"https:\/\/hairastaderm.redadskillhood.in\/wp-content\/uploads\/2026\/10\/AdobeStock_216688256-scaled.jpeg\"\r\n              alt=\"Hair restoration treatment\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"treatment-caption\">\r\n              <span class=\"treatment-icon\">\r\n                <svg viewBox=\"0 0 32 32\">\r\n                  <path d=\"M7 25c3-4 7-7 11-10 3-2 5-5 7-9M8 19l5 5M12 14l5 5M17 9l5 4M5 28l4-1 1-4\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <h3 class=\"treatment-name\">\r\n                Acne and Acne Scar <br>Treatment\r\n              <\/h3>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- 2. HAIR TRANSPLANT -->\r\n          <article class=\"treatment-card\">\r\n            <img decoding=\"async\" class=\"treatment-photo\"\r\n              src=\"https:\/\/hairastaderm.redadskillhood.in\/wp-content\/uploads\/2026\/10\/AdobeStock_435423130-scaled.jpeg\"\r\n              alt=\"Hair transplant procedure\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"treatment-caption\">\r\n              <span class=\"treatment-icon\">\r\n                <svg viewBox=\"0 0 32 32\">\r\n                  <path d=\"M8 6c2-2 5-2 8 1 3-3 6-3 8-1l2 5-2 14H8L6 11l2-5ZM11 10l5 4 5-4M12 16l4 3 4-3M16 14v5\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <h3 class=\"treatment-name\">Pigmentation and <br>Melasma Management<\/h3>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- 3. HAIR FALL \/ THINNING -->\r\n          <article class=\"treatment-card\">\r\n            <img decoding=\"async\" class=\"treatment-photo\"\r\n              src=\"https:\/\/hairastaderm.redadskillhood.in\/wp-content\/uploads\/2026\/10\/AdobeStock_634401910-scaled.jpeg\"\r\n              alt=\"Hair thinning and hair fall\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"treatment-caption\">\r\n              <span class=\"treatment-icon\">\r\n                <svg viewBox=\"0 0 32 32\">\r\n                  <path d=\"M16 16c-3-6-8-10-10-6-2 3 0 8 5 11 2 1 4-1 5-5ZM16 16c3-6 8-10 10-6 2 3 0 8-5 11-2 1-4-1-5-5ZM16 13v13M12 23l-3 4M20 23l3 4\"\/>\r\n                  <circle cx=\"11\" cy=\"12\" r=\"1\"\/>\r\n                  <circle cx=\"21\" cy=\"12\" r=\"1\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <h3 class=\"treatment-name\">\r\n                Laser Hair<br> Reduction\r\n              <\/h3>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- 5. ANTI-DANDRUFF -->\r\n          <article class=\"treatment-card\">\r\n            <img decoding=\"async\" class=\"treatment-photo\"\r\n              src=\"https:\/\/hairastaderm.redadskillhood.in\/wp-content\/uploads\/2026\/10\/AdobeStock_2213608655-scaled.jpeg\"\r\n              alt=\"Dandruff on scalp\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"treatment-caption\">\r\n              <span class=\"treatment-icon\">\r\n                <svg viewBox=\"0 0 32 32\">\r\n                  <circle cx=\"16\" cy=\"16\" r=\"11\"\/>\r\n                  <path d=\"M16 8v8l5 3M12 5l-2-2M22 5l2-2\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <h3 class=\"treatment-name\">Anti-Ageing<br>Skin Treatments<\/h3>\r\n            <\/div>\r\n          <\/article>\r\n          \r\n          \r\n          <article class=\"treatment-card\">\r\n            <img decoding=\"async\" class=\"treatment-photo\"\r\n              src=\"https:\/\/hairastaderm.redadskillhood.in\/wp-content\/uploads\/2026\/10\/AdobeStock_2213608655-scaled.jpeg\"\r\n              alt=\"Dandruff on scalp\"\r\n              loading=\"lazy\">\r\n\r\n            <div class=\"treatment-caption\">\r\n              <span class=\"treatment-icon\">\r\n                <svg viewBox=\"0 0 32 32\">\r\n                  <circle cx=\"16\" cy=\"16\" r=\"11\"\/>\r\n                  <path d=\"M16 8v8l5 3M12 5l-2-2M22 5l2-2\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <h3 class=\"treatment-name\">Skin Allergy and<br> Rash Management<\/h3>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <button class=\"treatment-arrow treatment-arrow--next\"\r\n        type=\"button\" id=\"treatmentNext\" aria-label=\"Next\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path d=\"m9 18 6-6-6-6\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"treatment-slider-footer\" id=\"treatmentDots\"><\/div>\r\n      \r\n      \r\n      \r\n      \r\n      \r\n      \r\n      \r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(() => {\r\n  const slider = document.getElementById(\"treatmentSlider\");\r\n  const track = document.getElementById(\"treatmentsTrack\");\r\n  const cards = [...track.querySelectorAll(\".treatment-card\")];\r\n  const viewport = track.parentElement;\r\n  const prev = document.getElementById(\"treatmentPrev\");\r\n  const next = document.getElementById(\"treatmentNext\");\r\n  const dots = document.getElementById(\"treatmentDots\");\r\n\r\n  let index = 0;\r\n  let visible = getVisible();\r\n  let timer = null;\r\n  let resizeTimer = null;\r\n  let startX = 0;\r\n  let deltaX = 0;\r\n\r\n  function getVisible() {\r\n    if (window.matchMedia(\"(max-width: 620px)\").matches) return 1;\r\n    if (window.matchMedia(\"(max-width: 999px)\").matches) return 3;\r\n    return 4;\r\n  }\r\n\r\n  function maxIndex() {\r\n    return Math.max(0, cards.length - visible);\r\n  }\r\n\r\n  function buildDots() {\r\n    dots.innerHTML = \"\";\r\n\r\n    for (let i = 0; i <= maxIndex(); i++) {\r\n      const dot = document.createElement(\"button\");\r\n      dot.type = \"button\";\r\n      dot.className = \"treatment-dot\";\r\n      dot.setAttribute(\"aria-label\", \"Go to slide \" + (i + 1));\r\n\r\n      dot.addEventListener(\"click\", () => {\r\n        index = i;\r\n        update();\r\n        restartAutoplay();\r\n      });\r\n\r\n      dots.appendChild(dot);\r\n    }\r\n  }\r\n\r\n  function update() {\r\n    index = Math.max(0, Math.min(index, maxIndex()));\r\n\r\n    const gap = parseFloat(getComputedStyle(track).gap) || 0;\r\n    const cardWidth = cards[0].getBoundingClientRect().width;\r\n\r\n    track.style.transform =\r\n      `translateX(-${index * (cardWidth + gap)}px)`;\r\n\r\n    prev.disabled = index === 0;\r\n    next.disabled = index === maxIndex();\r\n\r\n    [...dots.children].forEach((dot, i) => {\r\n      dot.classList.toggle(\"is-active\", i === index);\r\n      dot.setAttribute(\"aria-current\", i === index ? \"true\" : \"false\");\r\n    });\r\n  }\r\n\r\n  function stopAutoplay() {\r\n    if (timer) {\r\n      clearInterval(timer);\r\n      timer = null;\r\n    }\r\n  }\r\n\r\n  function startAutoplay() {\r\n    stopAutoplay();\r\n\r\n    if (maxIndex() === 0) return;\r\n\r\n    timer = setInterval(() => {\r\n      index = index >= maxIndex() ? 0 : index + 1;\r\n      update();\r\n    }, 3500);\r\n  }\r\n\r\n  function restartAutoplay() {\r\n    startAutoplay();\r\n  }\r\n\r\n  prev.addEventListener(\"click\", () => {\r\n    index--;\r\n    update();\r\n    restartAutoplay();\r\n  });\r\n\r\n  next.addEventListener(\"click\", () => {\r\n    index++;\r\n    update();\r\n    restartAutoplay();\r\n  });\r\n\r\n  \/\/ Pause when mouse is over the slider\r\n  slider.addEventListener(\"mouseenter\", stopAutoplay);\r\n  slider.addEventListener(\"mouseleave\", startAutoplay);\r\n\r\n  \/\/ Pause while keyboard focus is inside\r\n  slider.addEventListener(\"focusin\", stopAutoplay);\r\n  slider.addEventListener(\"focusout\", startAutoplay);\r\n\r\n  \/\/ Mobile swipe support\r\n  viewport.addEventListener(\"touchstart\", event => {\r\n    startX = event.touches[0].clientX;\r\n    deltaX = 0;\r\n  }, { passive: true });\r\n\r\n  viewport.addEventListener(\"touchmove\", event => {\r\n    deltaX = event.touches[0].clientX - startX;\r\n  }, { passive: true });\r\n\r\n  viewport.addEventListener(\"touchend\", () => {\r\n    if (Math.abs(deltaX) > 45) {\r\n      index += deltaX < 0 ? 1 : -1;\r\n\r\n      if (index > maxIndex()) index = 0;\r\n      if (index < 0) index = maxIndex();\r\n\r\n      update();\r\n      restartAutoplay();\r\n    }\r\n  }, { passive: true });\r\n\r\n  window.addEventListener(\"resize\", () => {\r\n    clearTimeout(resizeTimer);\r\n\r\n    resizeTimer = setTimeout(() => {\r\n      const newVisible = getVisible();\r\n\r\n      if (newVisible !== visible) {\r\n        visible = newVisible;\r\n        index = Math.min(index, maxIndex());\r\n        buildDots();\r\n      }\r\n\r\n      update();\r\n      startAutoplay();\r\n    }, 150);\r\n  });\r\n\r\n  buildDots();\r\n  update();\r\n  startAutoplay();\r\n})();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-73ce2b0 e-con e-atomic-element e-flexbox-base e-default-div e-743796f \" data-id=\"73ce2b0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"73ce2b0\" id=\"process\">\n    \t\t<div class=\"elementor-element elementor-element-1e5b5a1 elementor-widget elementor-widget-html\" data-id=\"1e5b5a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n  :root {\n    --process-bg: #fbf7f2;\n    --process-card: rgba(255, 253, 250, .78);\n    --process-brown: #67462f;\n    --process-circle: #f0e2d4;\n    --process-ink: #171310;\n    --process-muted: #4e453e;\n    --process-line: #b99c82;\n  }\n\n\n  body {\n    margin: 0;\n    background: var(--process-bg);\n    color: var(--process-ink);\n    font-family: \"DM Sans\", Arial, sans-serif;\n  }\n\n  .evaluation-section {\n    width: 100%;\n    overflow: hidden;\n    padding: 16px 3.8% 20px;\n    background:\n      radial-gradient(ellipse at 52% 40%, rgba(238, 223, 208, .28), transparent 56%),\n      linear-gradient(100deg, #fcf9f5 0%, #f8f1e9 100%);\n  }\n\n  .evaluation-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .evaluation-title {\n    margin: 0 0 34px 8px;\n    font-family: \"Playfair Display\", Georgia, serif;\n    font-size: clamp(27px, 3vw, 29px);\n    font-weight: 700;\n    line-height: 1.12;\n    letter-spacing: -.4px;\n  }\n\n  .process-grid {\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    grid-auto-rows: 1fr;\n    gap: 48px 22px;\n  }\n\n  .process-card {\n    position: relative;\n    min-width: 0;\n    grid-column: span 2;\n    min-height: 220px;\n    padding: 40px 22px 24px;\n    border: 1px solid rgba(221, 205, 188, .22);\n    border-radius: 9px;\n    background: var(--process-card);\n    box-shadow: 0 2px 10px rgba(90, 62, 41, .035);\n    text-align: center;\n  }\n\n  .process-card:nth-child(4) { grid-column: 2 \/ span 2; }\n  .process-card:nth-child(5) { grid-column: 4 \/ span 2; }\n\n  .process-icon {\n    position: absolute;\n    top: -28px;\n    left: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 54px;\n    height: 54px;\n    transform: translateX(-50%);\n    border-radius: 50%;\n    color: var(--process-brown);\n    background: var(--process-circle);\n  }\n\n  .process-icon svg {\n    width: 31px;\n    height: 31px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .evaluation-section .process-heading {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 6px;\n    min-height: 40px;\n    margin: 0 0 12px;\n    font-size: 16px;\n    line-height: 1.25;\n    font-weight: 700;\n  }\n\n  .process-number {\n    display: inline-flex;\n    flex: 0 0 21px;\n    align-items: center;\n    justify-content: center;\n    width: 21px;\n    height: 21px;\n    margin-top: -3px;\n    border-radius: 50%;\n    color: #fff;\n    background: var(--process-brown);\n    font-size: 10px;\n    font-weight: 700;\n  }\n\n  .process-heading-text {\n    display: inline-block;\n    padding-top: 1px;\n  }\n\n  .evaluation-section .process-description {\n    margin: 0 auto;\n    max-width: 310px;\n    color: var(--process-muted);\n    font-size: 14px;\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  .process-arrow {\n    position: absolute;\n    z-index: 2;\n    top: -8px;\n    right: -20px;\n    width: 16px;\n    height: 16px;\n    color: var(--process-line);\n  }\n\n  .process-arrow svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .process-card:nth-child(3) .process-arrow,\n  .process-card:last-child .process-arrow { display: none; }\n\n  @media (min-width: 1000px) {\n    .evaluation-section { padding-top: 35px; padding-bottom: 35px; }\n    .evaluation-title { font-size: 32px; margin-bottom: 50px; }\n    .process-grid { gap: 48px 24px; }\n    .process-card { min-height: 220px; padding: 42px 26px 24px; }\n    .process-icon { width: 58px; height: 58px; top: -30px; }\n    .process-icon svg { width: 33px; height: 33px; }\n    .evaluation-section .process-heading { font-size: 16px; min-height: 40px; }\n    .process-number { width: 22px; height: 22px; flex-basis: 22px; }\n    .evaluation-section .process-description { font-size: 14px; }\n  }\n\n  @media (max-width: 680px) {\n    .evaluation-section { padding: 24px 18px; }\n    .evaluation-title { margin: 0 0 38px; font-size: 28px; }\n    .process-grid { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 42px; }\n    .process-card, .process-card:nth-child(4), .process-card:nth-child(5) { grid-column: auto; min-height: 200px; padding: 38px 22px 24px; }\n    .evaluation-section .process-heading { font-size: 16px; min-height: 22px; }\n    .evaluation-section .process-description { font-size: 14px; }\n    .process-arrow { display: none; }\n  }\n\n  @media (max-width: 380px) {\n    .process-grid { grid-template-columns: 1fr; gap: 34px; }\n    .process-card { min-height: 200px; padding: 38px 20px 24px; }\n    .evaluation-section .process-heading { min-height: 22px; }\n    .evaluation-section .process-description { max-width: 280px; }\n  }\n<\/style>\n<\/head>\n<body>\n<section class=\"evaluation-section\" aria-labelledby=\"evaluation-title\">\n  <div class=\"evaluation-inner\">\n    <h2 class=\"evaluation-title\" id=\"evaluation-title\">Evaluation Process<\/h2>\n    <div class=\"process-grid\">\n      <article class=\"process-card\">\n        <span class=\"process-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 40 40\"><circle cx=\"12\" cy=\"11\" r=\"4\"\/><circle cx=\"28\" cy=\"11\" r=\"4\"\/><path d=\"M4 25v-4c0-4 3-7 8-7s8 3 8 7v4M20 25v-4c0-4 3-7 8-7s8 3 8 7v4\"\/><path d=\"M8 25v7h8v-7M24 25v7h8v-7M16 19h8M20 19v10M15 29h10\"\/><\/svg>\n        <\/span>\n        <h3 class=\"process-heading\"><span class=\"process-number\">1<\/span><span class=\"process-heading-text\">Consultation<\/span><\/h3>\n        <p class=\"process-description\">We listen to your skin history, lifestyle, diet, skincare routine and medical background. This helps your dermatologist understand what may be contributing to your concern.\n<\/p>\n        <span class=\"process-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\"><path d=\"M2 10h14m-5-5 5 5-5 5\"\/><\/svg><\/span>\n      <\/article>\n\n      <article class=\"process-card\">\n        <span class=\"process-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 40 40\"><path d=\"M9 33c4-5 4-11 7-17 2-4 5-3 5 1 0 3-3 7-3 11M23 33c2-7 2-13 5-19 2-3 5-2 5 1 0 3-3 7-3 11\"\/><path d=\"M5 34h30M8 28c3 1 6 1 9-1M21 28c4 1 7 1 11-1\"\/><path d=\"M11 12l-2-4M28 9l3-4\"\/><\/svg>\n        <\/span>\n        <h3 class=\"process-heading\"><span class=\"process-number\">2<\/span><span class=\"process-heading-text\">Skin Examination<\/span><\/h3>\n        <p class=\"process-description\">Your dermatologist examines your skin, using magnified imaging where needed. This helps identify the type and possible cause of your skin concern.\n\n<\/p>\n        <span class=\"process-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\"><path d=\"M2 10h14m-5-5 5 5-5 5\"\/><\/svg><\/span>\n      <\/article>\n\n      <article class=\"process-card\">\n        <span class=\"process-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 40 40\"><rect x=\"7\" y=\"6\" width=\"9\" height=\"25\" rx=\"2\"\/><rect x=\"24\" y=\"6\" width=\"9\" height=\"25\" rx=\"2\"\/><path d=\"M9 11h5M26 11h5M11.5 16v8M28.5 16v8M10 3h3M27 3h3\"\/><\/svg>\n        <\/span>\n        <h3 class=\"process-heading\"><span class=\"process-number\">3<\/span><span class=\"process-heading-text\">Investigations<br>(If Needed)<\/span><\/h3>\n        <p class=\"process-description\">Blood tests, patch tests or other investigations are advised only when clinically required. They help check for contributing factors such as allergies, infections or hormonal issues.\n\n<\/p>\n        <span class=\"process-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\"><path d=\"M2 10h14m-5-5 5 5-5 5\"\/><\/svg><\/span>\n      <\/article>\n\n      <article class=\"process-card\">\n        <span class=\"process-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 40 40\"><path d=\"M10 5h15l7 7v23H10z\"\/><path d=\"M25 5v8h7M15 18h12M15 23h8M15 28h6\"\/><circle cx=\"29\" cy=\"28\" r=\"5\"\/><path d=\"m27 28 1.5 1.5L32 26\"\/><\/svg>\n        <\/span>\n        <h3 class=\"process-heading\"><span class=\"process-number\">4<\/span><span class=\"process-heading-text\">Personalised Plan<\/span><\/h3>\n        <p class=\"process-description\">Your dermatologist explains the options suited to your condition and answers your questions. Not everyone needs a procedure, and the plan is decided only after examination.\n\n<\/p>\n        <span class=\"process-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\"><path d=\"M2 10h14m-5-5 5 5-5 5\"\/><\/svg><\/span>\n      <\/article>\n\n      <article class=\"process-card\">\n        <span class=\"process-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 40 40\"><rect x=\"6\" y=\"9\" width=\"28\" height=\"25\" rx=\"2\"\/><path d=\"M12 5v8M20 5v8M28 5v8M6 16h28M12 21h3M20 21h3M28 21h1M12 27h3M20 27h3M28 27h1\"\/><\/svg>\n        <\/span>\n        <h3 class=\"process-heading\"><span class=\"process-number\">5<\/span><span class=\"process-heading-text\">Follow-Up<\/span><\/h3>\n        <p class=\"process-description\">Skin recovery is gradual, so your progress is reviewed at planned visits. Your plan may be adjusted based on how your skin responds.\n\n<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a04f9d4 e-con e-atomic-element e-flexbox-base e-default-div e-fc5079e \" data-id=\"a04f9d4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a04f9d4\" id=\"location\">\n    \t\t<div class=\"elementor-element elementor-element-c38e27f elementor-widget elementor-widget-html\" data-id=\"c38e27f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n  :root {\n    --location-bg: #f8f1e9;\n    --location-card: #fffdfa;\n    --location-brown: #67462f;\n    --location-ink: #171310;\n    --location-muted: #4c423b;\n  }\n\n  \n  body {\n    margin: 0;\n    color: var(--location-ink);\n    background: var(--location-bg);\n    font-family: \"DM Sans\", Arial, sans-serif;\n  }\n\n  .clinic-location {\n    width: 100%;\n    padding: 14px 5.3% 16px;\n    background: linear-gradient(110deg, #fcf8f3 0%, #f6eee5 100%);\n  }\n\n  .clinic-location__inner {\n    display: grid;\n    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);\n    align-items: center;\n    gap: 16px;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .clinic-location__left { min-width: 0; }\n\n  .clinic-location__title {\n    margin: 0 0 8px;\n    font-family: \"Playfair Display\", Georgia, serif;\n    font-size: clamp(25px, 3vw, 28px);\n    font-weight: 700;\n    line-height: 1.12;\n    letter-spacing: -.45px;\n  }\n\n  .clinic-location__details {\n    padding: 15px 16px 16px;\n    border-radius: 8px;\n    background: rgba(255, 253, 250, .9);\n  }\n\n  .clinic-location__address-row {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin-bottom: 13px;\n  }\n\n  .clinic-location__pin {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 25px;\n    width: 25px;\n    height: 32px;\n    margin-top: 1px;\n    color: var(--location-brown);\n  }\n\n  .clinic-location__pin svg {\n    width: 28px;\n    height: 32px;\n    fill: currentColor;\n  }\n\n  .clinic-location__address {\n    color: var(--location-muted);\n    font-size: 11px;\n    line-height: 1.5;\n  }\n\n  .clinic-location__address strong {\n    display: block;\n    color: var(--location-brown);\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .clinic-location__directions {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    min-height: 38px;\n    padding: 10px 14px;\n    border-radius: 6px;\n    background: var(--location-brown);\n    color: #fff;\n    text-decoration: none;\n    font-size: 11px;\n    font-weight: 700;\n    transition: background .2s ease;\n  }\n\n  .clinic-location__directions:hover { background: #513621; }\n\n  .clinic-location__directions svg {\n    width: 15px;\n    height: 15px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .clinic-location__map {\n    position: relative;\n    min-width: 0;\n    height: 160px;\n    overflow: hidden;\n    border-radius: 7px;\n    background: #e8e5dd;\n  }\n\n  .clinic-location__map iframe {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n\n  @media (min-width: 1000px) {\n    .clinic-location { padding-top: 35px; padding-bottom: 35px; }\n    .clinic-location__inner { gap: 20px; }\n    .clinic-location__title { font-size: 30px; margin-bottom: 9px; }\n    .clinic-location__details { padding: 17px 18px 17px; }\n    .clinic-location__address { font-size: 14px; }\n    .clinic-location__address strong { font-size: 15px; }\n    .clinic-location__directions { min-height: 42px; font-size: 14px; }\n    .clinic-location__map { height: 300px; }\n  }\n\n  @media (max-width: 620px) {\n    .clinic-location { padding: 24px 18px; }\n    .clinic-location__inner { grid-template-columns: 1fr; gap: 16px; }\n    .clinic-location__title { font-size: 28px; }\n    .clinic-location__details { padding: 16px; }\n    .clinic-location__map { height: 260px; }\n  }\n<\/style>\n<\/head>\n<body>\n<section class=\"clinic-location\" aria-labelledby=\"clinic-location-title\">\n  <div class=\"clinic-location__inner\">\n    <div class=\"clinic-location__left\">\n      <h2 class=\"clinic-location__title\" id=\"clinic-location-title\">Our Clinic Location<\/h2>\n      <div class=\"clinic-location__details\">\n        <div class=\"clinic-location__address-row\">\n          <span class=\"clinic-location__pin\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 32\"><path d=\"M12 0C5.4 0 0 5.4 0 12c0 8.3 12 20 12 20s12-11.7 12-20C24 5.4 18.6 0 12 0Zm0 16.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Z\"\/><\/svg>\n          <\/span>\n          <div class=\"clinic-location__address\">\n            <strong>Astaderm<\/strong>\n            Thoraipakkam, on OMR<br>\n            Chennai, Tamil Nadu, India\n          <\/div>\n        <\/div>\n        <a class=\"clinic-location__directions\"\n           href=\"https:\/\/maps.app.goo.gl\/7afUWGwoE1HUJBdk9\"\n           target=\"_blank\" rel=\"noopener noreferrer\">\n          Get Directions\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15m-6-6 6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"clinic-location__map\" aria-label=\"Map showing Astaderm in Thoraipakkam, Chennai\">\n     <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3888.5868055612495!2d80.23268519999999!3d12.934257400000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a525d0058e94c97%3A0x2636f59c2fe521c3!2sAstaderm%20Skin%20%26%20Hair%20Clinic!5e0!3m2!1sen!2sin!4v1792654517216!5m2!1sen!2sin\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-19eee6d e-con e-atomic-element e-flexbox-base e-default-div e-d495d6b \" data-id=\"19eee6d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"19eee6d\" id=\"faq\">\n    \t\t<div class=\"elementor-element elementor-element-dc66254 elementor-widget elementor-widget-html\" data-id=\"dc66254\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n  :root {\n    --faq-bg: #fbf7f2;\n    --faq-row: rgba(255, 253, 250, .72);\n    --faq-border: #e9dfd5;\n    --faq-brown: #67462f;\n    --faq-ink: #171310;\n    --faq-muted: #4d433c;\n  }\n\n \n  body {\n    margin: 0;\n    background: var(--faq-bg);\n    color: var(--faq-ink);\n    font-family: \"DM Sans\", Arial, sans-serif;\n  }\n\n  .faq-section {\n    width: 100%;\n    padding: 10px 5.3% 15px;\n    background:\n      radial-gradient(ellipse at 80% 25%, rgba(239, 225, 211, .22), transparent 52%),\n      linear-gradient(100deg, #fcf9f5 0%, #f9f3ed 100%);\n  }\n\n  .faq-inner {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .faq-title {\n    margin: 0 0 7px;\n    font-family: \"Playfair Display\", Georgia, serif;\n    font-size: clamp(26px, 3.2vw, 29px);\n    line-height: 1.15;\n    letter-spacing: -.4px;\n    font-weight: 700;\n  }\n\n  .faq-list {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .faq-item {\n    overflow: hidden;\n    border: 1px solid var(--faq-border);\n    border-radius: 6px;\n    background: var(--faq-row);\n  }\n\n  .faq-question {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    min-height: 29px;\n    padding: 3px 10px 3px 6px;\n    border: 0;\n    background: transparent;\n    color: var(--faq-ink);\n    text-align: left;\n    font: inherit;\n    cursor: pointer;\n  }\n\n  .faq-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 20px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: var(--faq-brown);\n    color: #fff;\n    font-size: 10px;\n    font-weight: 700;\n  }\n.faq-answer ul li{font-size: 13px !important;}\n  .faq-question-text {\n    flex: 1;\n    min-width: 0;\n    color: var(--faq-ink);\n    font-size: 12px;\n    line-height: 1.35;\n    font-weight: 500;\n  }\n\n  .faq-chevron {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n    color: var(--faq-brown);\n    transition: transform .2s ease;\n  }\n\n  .faq-chevron svg {\n    width: 13px;\n    height: 13px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .faq-item[open] .faq-chevron { transform: rotate(180deg); }\n\n  .faq-answer {\n    padding: 0 36px 10px;\n    color: var(--faq-muted);\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n  .faq-answer p { margin: 0; }\n\n  @media (min-width: 1000px) {\n    .faq-section { padding-top: 35px; padding-bottom: 35px; }\n    .faq-title { font-size: 31px; margin-bottom: 8px; }\n    .faq-question { min-height: 40px; }\n    .faq-question-text { font-size: 15px; }\n    .faq-answer p{font-size:13px !important;}\n    .faq-answer ul li{font-size: 13px !important;}\n  }\n\n  @media (max-width: 600px) {\n    .faq-section { padding: 22px 16px 24px; }\n    .faq-title { font-size: 27px; margin-bottom: 12px; }\n    .faq-list { gap: 5px; }\n    .faq-question { min-height: 42px; gap: 9px; padding: 6px 9px 6px 7px; }\n    .faq-number { flex-basis: 22px; width: 22px; height: 22px; font-size: 10px; }\n    .faq-question-text { font-size: 12px; }\n    .faq-answer { padding: 0 14px 12px 38px; font-size: 13px; }\n    .faq-answer ul li{font-size: 13px !important;}\n  }\n<\/style>\n<\/head>\n<body>\n<section class=\"faq-section\" aria-labelledby=\"faq-title\">\n  <div class=\"faq-inner\">\n    <h2 class=\"faq-title\" id=\"faq-title\">Frequently Asked Questions<\/h2>\n\n    <div class=\"faq-list\">\n      <details class=\"faq-item\">\n        <summary class=\"faq-question\">\n          <span class=\"faq-number\">1<\/span>\n          <span class=\"faq-question-text\">Are occasional skin changes normal?<\/span>\n          <span class=\"faq-chevron\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"m3.5 6 4.5 4 4.5-4\"\/><\/svg><\/span>\n        <\/summary>\n        <div class=\"faq-answer\"><p>Yes. Occasional breakouts, dryness or temporary marks are common and can happen due to weather, stress or hormonal changes. If a concern keeps returning, spreads, becomes painful or leaves marks, it is worth getting your skin examined.\n\n\n<\/p><\/div>\n      <\/details>\n\n      <details class=\"faq-item\">\n        <summary class=\"faq-question\">\n          <span class=\"faq-number\">2<\/span>\n          <span class=\"faq-question-text\">When should I see a dermatologist?<\/span>\n          <span class=\"faq-chevron\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"m3.5 6 4.5 4 4.5-4\"\/><\/svg><\/span>\n        <\/summary>\n        <div class=\"faq-answer\"><p>Consider a consultation if a skin concern continues for more than a few weeks, if you notice a new or changing spot, or if you have persistent itching, redness, scaling or pain. It is also advisable if a problem began after a new product, a medicine or an illness. Early evaluation helps identify the cause.\n\n\n<\/p><\/div>\n      <\/details>\n\n      <details class=\"faq-item\">\n        <summary class=\"faq-question\">\n          <span class=\"faq-number\">3<\/span>\n          <span class=\"faq-question-text\">Does skin treatment work for everyone?<\/span>\n          <span class=\"faq-chevron\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"m3.5 6 4.5 4 4.5-4\"\/><\/svg><\/span>\n        <\/summary>\n        <div class=\"faq-answer\"><p>No. Skin concerns have many causes, and a treatment that suits one person may not suit another. Whether a particular treatment is appropriate, and how a person responds, varies from patient to patient. Your dermatologist will advise only after examining you.\n\n\n<\/p><\/div>\n      <\/details>\n\n      <details class=\"faq-item\">\n        <summary class=\"faq-question\">\n          <span class=\"faq-number\">4<\/span>\n          <span class=\"faq-question-text\">Are there side effects?<\/span>\n          <span class=\"faq-chevron\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"m3.5 6 4.5 4 4.5-4\"\/><\/svg><\/span>\n        <\/summary>\n        <div class=\"faq-answer\"><p>Every treatment carries some risk. For procedures such as peels or laser treatments, temporary effects like redness, dryness, sensitivity, swelling or changes in skin tone can occur. Medicines can have their own side effects. Your dermatologist will explain the possible risks and answer your questions before you decide.\n\n\n<\/p><\/div>\n      <\/details>\n\n      <details class=\"faq-item\">\n        <summary class=\"faq-question\">\n          <span class=\"faq-number\">5<\/span>\n          <span class=\"faq-question-text\">How many sessions are needed?<\/span>\n          <span class=\"faq-chevron\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"m3.5 6 4.5 4 4.5-4\"\/><\/svg><\/span>\n        <\/summary>\n        <div class=\"faq-answer\"><p>This varies from person to person and depends on the cause and extent of your skin concern. Your dermatologist will explain the plan after evaluation and review it at follow-up visits.\n\n<\/p><\/div>\n      <\/details>\n\n      <details class=\"faq-item\">\n        <summary class=\"faq-question\">\n          <span class=\"faq-number\">6<\/span>\n          <span class=\"faq-question-text\">Is a procedure always required?<\/span>\n          <span class=\"faq-chevron\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"m3.5 6 4.5 4 4.5-4\"\/><\/svg><\/span>\n        <\/summary>\n        <div class=\"faq-answer\"><p>No. Some patients are advised medicines, skincare changes or lifestyle changes alone. A procedure is considered only if your dermatologist finds it suitable for your condition.\n\n\n<\/p><\/div>\n      <\/details>\n\n      <details class=\"faq-item\">\n        <summary class=\"faq-question\">\n          <span class=\"faq-number\">7<\/span>\n          <span class=\"faq-question-text\">What should I bring to the first visit?<\/span>\n          <span class=\"faq-chevron\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"m3.5 6 4.5 4 4.5-4\"\/><\/svg><\/span>\n        <\/summary>\n        <div class=\"faq-answer\"><p>Please bring:<br><\/p>\n\n<ul>\n    <li>Previous Previous prescriptions, test reports or skin-related records\n<\/li>\n<li>A list of medicines and supplements you currently take\n<\/li>\n<li>Details of skincare products or treatments you have used\n<\/li>\n<li>Older photos showing your skin condition, if available\n<\/li>\n\n<\/ul><br>\n<p>*This information is for general awareness and is not a substitute for medical advice. Diagnosis and treatment are decided only after consultation with a qualified dermatologist. Results vary from person to person.*\n\n<\/p><\/div>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n  \/\/ Keep the FAQ accordion to one expanded answer at a time.\n  document.querySelectorAll(\".faq-item\").forEach((item) => {\n    item.addEventListener(\"toggle\", () => {\n      if (item.open) {\n        document.querySelectorAll(\".faq-item\").forEach((other) => {\n          if (other !== item) other.open = false;\n        });\n      }\n    });\n  });\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Every skin journey is unique Professional Dermatologist-led skin evaluation at Thoraipakkam, on OMR. Treatment is advised only after examination. Learn More WhatsApp Us Consultation Time 10.00AM &#8211; 07.00PM | Sunday &#8211; Saturday Common Skin Concerns and Causes Know the Causes Skin concerns such as acne, dark patches, rashes, dryness and early signs of ageing can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skinastaderm.redadskillhood.in\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skinastaderm.redadskillhood.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skinastaderm.redadskillhood.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skinastaderm.redadskillhood.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skinastaderm.redadskillhood.in\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":127,"href":"https:\/\/skinastaderm.redadskillhood.in\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":181,"href":"https:\/\/skinastaderm.redadskillhood.in\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/181"}],"wp:attachment":[{"href":"https:\/\/skinastaderm.redadskillhood.in\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}