{"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-24T13:17:38","modified_gmt":"2026-10-24T13:17:38","slug":"home","status":"publish","type":"page","link":"https:\/\/hair.astaderm.in\/","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        Hairfall cause<br>\r\n        may differ<br>\r\n        but every cause\r\n        <span>has a solution<\/span>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Dermatologist-led hair and scalp evaluation\r\n        at Thoraipakkam, on OMR. Treatment is\r\n        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=\"Hair Restoration Treatments\">Hair Restoration Treatments<\/option><option value=\"Hair Transplant\">Hair Transplant<\/option><option value=\"Hair Fall \/ Hair Thinning Solutions\">Hair Fall \/ Hair Thinning Solutions<\/option><option value=\"Laser Hair Reduction\">Laser Hair Reduction<\/option><option value=\"Anti-Dandruff Treatments\">Anti-Dandruff Treatments<\/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<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  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: 18px 5.6% 22px;\r\n    background:\r\n      linear-gradient(90deg, rgba(251,247,242,.97) 0%, rgba(251,247,242,.95) 75%, rgba(251,247,242,.68) 100%),\r\n      var(--cause-cream);\r\n  }\r\n\r\n  \/* Soft botanical line art on the right side *\/\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 4px;\r\n    font-family: \"Playfair Display\", Georgia, serif;\r\n    font-size: clamp(26px, 3.2vw, 29px);\r\n    line-height: 1.16;\r\n    letter-spacing: -.45px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .causes-description {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    font-size: 15px;\r\n    line-height: 1.38;\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: 18px;\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    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 8px;\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: 125px;\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n    font-weight: 700;\r\n  }\r\n\r\n  @media (min-width: 1000px) {\r\n    .causes-section { padding-top: 35px; padding-bottom: 35px; }\r\n    .causes-heading { font-size: 32px; }\r\n    .causes-description { font-size: 15px; }\r\n    .causes-grid { margin-top: 20px; gap: 22px; }\r\n    .cause-icon { width: 66px; height: 66px; }\r\n    .cause-icon svg { width: 38px; height: 38px; }\r\n    .cause-label { font-size: 13px; }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .causes-section { padding: 24px 20px 26px; }\r\n    .causes-section::after { right: -65px; opacity: .25; }\r\n    .causes-heading { font-size: 28px; }\r\n    .causes-description { font-size: 15px; max-width: 100%; }\r\n    .causes-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      row-gap: 22px;\r\n      column-gap: 10px;\r\n      margin-top: 22px;\r\n    }\r\n    .cause-icon { width: 60px; height: 60px; }\r\n    .cause-icon svg { width: 34px; height: 34px; }\r\n    .cause-label { font-size: 11px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"causes-section\" aria-labelledby=\"causes-title\">\r\n  <div class=\"causes-inner\">\r\n    <h2 class=\"causes-heading\" id=\"causes-title\">Know the Causes<\/h2>\r\n    <p class=\"causes-description\">\r\n      Hairfall or hair thinning can be caused due to various factors. In the modern era, genetics,<br class=\"desktop-break\">\r\n      nutritional deficiency, thyroid or hormonal issues, stress, scalp conditions, post-illness plays a vital role.\r\n    <\/p>\r\n\r\n    <div class=\"causes-grid\">\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <!-- DNA -->\r\n          <svg viewBox=\"0 0 40 40\"><path d=\"M11 4c0 8 18 8 18 16S11 28 11 36\"\/><path d=\"M29 4c0 8-18 8-18 16s18 8 18 16\"\/><path d=\"M14 9h12M11 15h18M11 25h18M14 31h12\"\/><path d=\"m8 30 4-4M26 14l5-5M8 11l5 5M27 25l5 4\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Genetics<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <!-- Apple -->\r\n          <svg viewBox=\"0 0 40 40\"><path d=\"M20 12c-4-4-12-2-12 6 0 8 5 15 12 15s12-7 12-15c0-8-8-10-12-6Z\"\/><path d=\"M20 12c-1-5 2-8 7-9M22 7c3-1 5 0 6 2M20 12c-2-3-4-4-7-4\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Nutritional<br>Deficiency<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <!-- Thyroid \/ butterfly -->\r\n          <svg viewBox=\"0 0 40 40\"><path d=\"M19 15c-3-5-10-9-13-5-4 5 1 15 7 17 3 1 5-2 6-5M21 15c3-5 10-9 13-5 4 5-1 15-7 17-3 1-5-2-6-5M20 12v16M17 17c-2-1-4-1-5 1M23 17c2-1 4-1 5 1M17 24l-3 3M23 24l3 3\"\/><path d=\"M18 10c0-2 1-3 2-3s2 1 2 3\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Thyroid or<br>Hormonal Issues<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <!-- Head \/ stress -->\r\n          <svg viewBox=\"0 0 40 40\"><path d=\"M11 29c-2-3-3-6-3-10 0-7 5-12 12-12s12 5 12 12c0 4-1 7-3 10\"\/><path d=\"M15 28c1-3 3-4 5-4s4 1 5 4M17 31h6M20 24v-4\"\/><path d=\"M20 3v2M8 7l2 2M32 7l-2 2M4 16h3M33 16h3M12 12l2 2M28 12l-2 2\"\/><circle cx=\"20\" cy=\"16\" r=\"1\"\/><circle cx=\"15\" cy=\"19\" r=\".7\"\/><circle cx=\"25\" cy=\"19\" r=\".7\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Stress<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <!-- Hair follicle -->\r\n          <svg viewBox=\"0 0 40 40\"><path d=\"M7 31c5-6 4-12 7-17 2-3 5-2 5 1 0 3-2 6-2 9M21 32c2-7 1-14 5-20 2-3 5-2 5 1 0 3-3 6-3 10\"\/><path d=\"M5 27c4 1 7 1 10-1M19 27c4 1 8 1 12-1M8 33h24\"\/><path d=\"M24 6c1-2 2-3 4-4M12 11l-1-4M31 15l4-2\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Scalp<br>Conditions<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cause-item\">\r\n        <div class=\"cause-icon\" aria-hidden=\"true\">\r\n          <!-- Medical cross -->\r\n          <svg viewBox=\"0 0 40 40\"><path d=\"M16 5h8v11h11v8H24v11h-8V24H5v-8h11V5Z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cause-label\">Post-Illness<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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      You can find more hair on your pillow or even towel.<br>\r\n      Maybe you are not aware about these treatments.\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                Hair Restoration<br>Treatments\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\">Hair Transplant<\/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                Hair Fall \/ Hair<br>Thinning Solutions\r\n              <\/h3>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- 4. LASER HAIR REDUCTION -->\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_2074066543-scaled.jpeg\"\r\n              alt=\"Laser hair 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 25c5-5 4-10 7-14 2-3 5-2 5 1 0 3-3 6-3 10M20 27c2-5 2-10 5-14M5 27h23M10 9 8 6M22 7l2-3M25 11l3-1M7 16l-3 1\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <h3 class=\"treatment-name\">Laser Hair Reduction<\/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-Dandruff Treatments<\/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    <\/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 hair-fall history, lifestyle, diet and medical background.<br>This helps your dermatologist understand what may be contributing to your concern.<\/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\">Scalp Examination<\/span><\/h3>\n        <p class=\"process-description\">Your dermatologist examines your scalp and hair, using magnified imaging where needed. This helps identify the pattern and possible cause of your hair thinning.<\/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 or other investigations are advised only when clinically required. They help check for contributing factors such as nutritional or thyroid issues.<\/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.<\/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\">Hair growth is gradual, so your progress is reviewed at planned visits. Your plan may be adjusted based on how your scalp and hair respond.<\/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\">Is some hair fall 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. Most people shed some hair every day as part of the natural hair growth cycle. If you notice a sudden increase in shedding, a widening parting, a receding hairline or visibly thinner hair, it is worth getting your scalp examined.\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 hair fall continues for more than a few weeks, if you see patches or visible thinning, or if your scalp has itching, scaling or pain. It is also advisable if hair fall began after an illness, a medication change or a major life event. Early evaluation helps identify the cause.\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 hair regrowth 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. Hair thinning has 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<\/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 PRP, temporary effects like pain, redness, swelling or headache 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<\/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 hair loss. Your dermatologist will explain the plan after evaluation and review it at follow-up visits.\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, scalp care or lifestyle changes alone. A procedure is considered only if your dermatologist finds it suitable for your condition.\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 prescriptions, blood reports or scalp-related records<\/li>\n<li>A list of medicines and supplements you currently take<\/li>\n<li>Details of hair products or treatments you have used<\/li>\n<li>Older photos showing your hair condition, if available<\/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.*<\/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>Hairfall cause may differ but every cause has a solution Dermatologist-led hair and scalp 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 Know the Causes Hairfall or hair thinning can be caused due to various factors. In the modern [&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:\/\/hair.astaderm.in\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hair.astaderm.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hair.astaderm.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hair.astaderm.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hair.astaderm.in\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":116,"href":"https:\/\/hair.astaderm.in\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/hair.astaderm.in\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/hair.astaderm.in\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}