|
Server IP : 2a02:4780:11:767:0:2c41:85d9:6 / Your IP : 216.73.217.38 Web Server : LiteSpeed System : Linux in-mum-web667.main-hosting.eu 5.14.0-570.62.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Nov 11 10:10:59 EST 2025 x86_64 User : u742491609 ( 742491609) PHP Version : 8.1.34 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u742491609/domains/tsorworks.com/../mapisbeautyskinclinic.com/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en" data-theme-color="skin-3">
<head>
<!-- Title -->
<title>Mapis - Beauty & skincare</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="DexignZone">
<meta name="robots" content="index, follow">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="skincare, medical , skincare clinic , skincare services ,medical , Mapis skincare , modern medical , wellness, skincare clinic ">
<meta name="description" content="Mapis is a for skincare and medical professionals. Ideal for showcasing skincare treatments, medical services, and wellness solutions with a modern, \ that enhances user experience and engagement.">
<meta property="og:title" content="Mapis - Beauty & Skincare">
<meta property="og:description" content="Mapis is a for skincare and medical professionals. Ideal for showcasing skincare treatments, medical services, and wellness solutions with a modern, that enhances user experience and engagement.">
<meta property="og:image" content="https://Mapis beauty, hair and skincare.dexignzone.com/xhtml/social-image.png">
<!-- TWITTER META -->
<meta name="twitter:title" content="Mapis - Beauty & Skincare">
<meta name="twitter:description" content="Mapis is a stylish designed for skincare and medical professionals. Ideal for showcasing skincare treatments, medical services, and wellness solutions with a modern, that enhances user experience and engagement.">
<meta name="twitter:image" content="https://Mapis beauty, hair and skincare.dexignzone.com/xhtml/social-image.png">
<meta name="twitter:card" content="summary_large_image">
<!-- CANONICAL URL -->
<link rel="canonical" href="https://Mapis beauty, hair and skincare.dexignzone.com/xhtml/skincare/index.php">
<!-- MOBILE SPECIFIC -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FAVICONS ICON -->
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/vendor/tempus-dominus/css/tempus-dominus.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/swiper/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/twentytwenty/css/twentytwenty.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/magnific-popup/magnific-popup.min.css">
<!-- Custom Stylesheet -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<style>
.DZ-theme-btn.DZ-bt-support-now{
display:none;
}
.DZ-theme-btn.DZ-bt-buy-now {
display:none;
}
.custom-dropdown {
border-bottom: 1px solid #ccc;
/*border-radius: 5px;*/
padding: 10px;
/*background: #fff;*/
cursor: pointer;
position: relative;
font-size: 14px;
color: #333;
}
.dropdown-input {
cursor: pointer;
outline: none;
font-size: 14px;
color: #333;
}
.dropdown-options {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
display: none;
max-height: 150px;
overflow-y: auto;
width: 100%;
z-index: 10;
}
.dropdown-options li {
padding: 10px;
cursor: pointer;
}
.dropdown-options li:hover {
background: #f0f0f0;
}
.dropdown-input[data-placeholder]::before {
content: attr(data-placeholder);
color: #BCD0E5;
font-size:18px;
}
</style>
</head>
<body id="bg">
<!--<div class="page-wraper">-->
<!-- <div class="dz-preloader-3" id="dzPreloader">-->
<!-- <div class="preloader-inner"></div>-->
<!--</div>-->
<?php include 'header.php'; ?>
<main class="page-content">
<div class="hero-banner style-3" style="background-color: #DAF7F6;">
<div class="container">
<div class="inner-wrapper">
<div class="row align-items-center h-100">
<div class="col-md-6">
<div class="hero-content">
<h1 class="title wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">Skincare is Like A Workout For Your Skin</h1>
<div class="content-bx style-2 secondary m-b40 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
Our experienced staff is committed to enhancing Cosmetologist and boosting confidence.
</div>
<div class="d-flex">
<a href="appointment.php" class="btn btn-lg btn-icon btn-primary wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
Appointment
<span class="right-icon"><i class="feather icon-arrow-right"></i></span>
</a>
<!--<div class="avatar-group m-l50 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">-->
<!-- <img class="avatar avatar-lg rounded-circle" src="assets/images/banner/avatar/avatar1.webp" alt="">-->
<!-- <img class="avatar avatar-lg rounded-circle" src="assets/images/banner/avatar/avatar2.webp" alt="">-->
<!-- <img class="avatar avatar-lg rounded-circle" src="assets/images/banner/avatar/avatar3.webp" alt="">-->
<!-- <img class="avatar avatar-lg rounded-circle" src="assets/images/banner/avatar/avatar4.webp" alt="">-->
<!-- <a href="about-us.php" class="avatar btn btn-square btn-lg btn-white btn-shadow btn-rounded">-->
<!-- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!-- <path d="M7 17L17 7" stroke="var(--bs-secondary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>-->
<!-- <path d="M7 7H17V17" stroke="var(--bs-secondary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>-->
<!-- </svg>-->
<!-- </a>-->
<!--</div>-->
</div>
</div>
</div>
<div class="col-md-6 align-self-end wow fadeInRight" data-wow-delay="0.8s" data-wow-duration="0.8s">
<div class="hero-thumbnail" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img class="thumbnail" src="assets/images/banner/img1.png" alt="">
<div class="item3" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)">
<!--<a class="popup-youtube" href="https://www.youtube.com/watch?v=o8OgzQdA70c">-->
<div class="word-rotate-box">
<span class="word-rotate">Mapis Beauty, Hair & Skincare </span>
<!--<i class="fa-solid fa-play"></i>-->
</div>
<!--</a>-->
</div>
</div>
</div>
</div>
<!--<div class="item1">-->
<!-- <div class="widget-rating1">-->
<!-- <ul class="star-list">-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- </ul>-->
<!-- <span class="rating text-primary m-r5">(4.8)</span>-->
<!-- <span class="text">12k+ ratings on google</span>-->
<!-- </div>-->
<!--</div>-->
<div class="item2 move-3" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<div class="dz-media2">
<img src="assets/images/banner/02.jpg" alt="">
</div>
</div>
<div class="item3 move-3" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="assets/images/banner/img3.jpg" alt="">
</div>
<div class="item4" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="assets/images/banner/03.jpg" alt="">
</div>
<svg class="shape1" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.5 0L34.4251 26.5749L61 30.5L34.4251 34.4251L30.5 61L26.5749 34.4251L0 30.5L26.5749 26.5749L30.5 0Z" fill="var(--bs-primary)"/>
</svg>
<svg class="shape2" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.5 0L34.4251 26.5749L61 30.5L34.4251 34.4251L30.5 61L26.5749 34.4251L0 30.5L26.5749 26.5749L30.5 0Z" fill="var(--bs-primary)"/>
</svg>
</div>
</div>
<div class="vertical-info left">
<!--<ul class="social-list">-->
<!-- <li><a href="javascript:void(0);">Instagram</a></li>-->
<!-- <li><a href="javascript:void(0);">Facebook</a></li>-->
<!-- <li><a href="javascript:void(0);">twitter</a></li>-->
<!--</ul>-->
<!--<a href="javascript:void(0);" class="btn btn-white btn-sm px-2 py-3 btn-shadow rounded">LET’S TALK</a>-->
</div>
<div class="banner-shape4"></div>
<div class="banner-shape5"></div>
<div class="banner-shape6"></div>
</div>
<section class="content-inner">
<div class="container">
<div class="row content-wrapper style-13">
<div class="col-xl-5 col-lg-6 m-b15">
<div class="content-media" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)">
<div class="dz-media">
<img src="assets/images/banner/skin-whitening.png" alt="">
</div>
<div class="item4">
<svg viewBox="0 0 217 620" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 2H215V618H170C133.427 618 99.5833 606.313 72 586.471V588.927C99.6969 608.5 133.505 620 170 620H215H217V618V2V0H215H2H0V2V450C0 487.378 12.0629 521.938 32.508 550H34.9905C14.2616 522.06 2 487.462 2 450V2Z" fill="#0A3366"/>
<path d="M57.8488 560.9L53.5269 569.179L56.9986 577.849L48.7195 573.527L40.0494 576.999L44.3713 568.72L40.8996 560.05L49.1787 564.371L57.8488 560.9Z" fill="#0A3366"/>
</svg>
</div>
<div class="item3" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)">
<!--<a class="popup-youtube" href="https://www.youtube.com/watch?v=o8OgzQdA70c">-->
<div class="word-rotate-box">
<span class="word-rotate">Mapis Beauty, Hair & Skincare </span>
<!--<i class="fa-solid fa-play"></i>-->
</div>
<!--</a>-->
</div>
</div>
</div>
<div class="col-xl-7 col-lg-6 m-b30 position-relative">
<div class="info-content">
<div class="section-head style-1 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s" style="text-align:justify;">
<h2 class="title m-b15">Beyond Skin Deep Personalized Care for Your Unique Beauty Journey</h2>
<p>Mapis Beauty, Hair and Skincare Clinic as a beacon of excellence in hair and skin treatments across India. Renowned for its expertise, our clinic combines innovation, precision, and care to deliver outstanding results. Our team of certified specialists uses cutting-edge technologies and state-of-the-art facilities to provide personalized solutions for all hair and skin concerns. </p>
<p>At Mapis, we believe beauty is more than skin deep. Our in-house developed treatments and products ensure unparalleled quality and safety, reflecting our commitment to excellence. From advanced hair restoration therapies to rejuvenating skincare treatments, we offer a wide range of non-surgical and minimally invasive procedures tailored to meet individual needs.</p>
<p>With over 1.5 million satisfied clients, including celebrities, athletes, and business leaders, Mapis has earned its reputation as a trusted name in beauty and wellness. Whether it's addressing hair loss, enhancing skin tone, or promoting overall confidence, we focus on transforming lives with care and dedication. </p>
<p>Our clinic is not just about treatments—it's about delivering a holistic experience that combines science, technology, and compassion. At Mapis, we aim to empower you to feel and look your best.</p>
<!--<p>Choose Mapis Beauty and Skincare Clinic and embark on a journey toward unmatched confidence and elegance. Experience the perfect blend of expertise and care today!</p>-->
</div>
<!--<div class="d-flex align-items-center m-b15 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">-->
<!-- <div class="info-widget style-12 m-r20 bg-transparent border border-secondary">-->
<!-- <div class="avatar-group">-->
<!-- <img class="avatar rounded-circle avatar-md border border-white border-2" src="assets/images/banner/avatar/avatar1.webp" alt="">-->
<!-- <img class="avatar rounded-circle avatar-md border border-white border-2" src="assets/images/banner/avatar/avatar2.webp" alt="">-->
<!-- <img class="avatar rounded-circle avatar-md border border-white border-2" src="assets/images/banner/avatar/avatar3.webp" alt="">-->
<!-- <img class="avatar rounded-circle avatar-md border border-white border-2" src="assets/images/banner/avatar/avatar4.webp" alt="">-->
<!-- </div>-->
<!-- <div class="clearfix">-->
<!-- <span>Talk to over 215 doctor</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <a href="about-us.php" class="btn btn-square btn-xl btn-white btn-rounded">-->
<!-- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!-- <path d="M7 17L17 7" stroke="var(--bs-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>-->
<!-- <path d="M7 7H17V17" stroke="var(--bs-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>-->
<!-- </svg>-->
<!-- </a>-->
<!--</div>-->
<!--<div class="widget-rating3 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">-->
<!-- <ul class="star-list">-->
<!-- <li><i class="fa fa-star text-orange"></i></li>-->
<!-- <li><i class="fa fa-star text-orange"></i></li>-->
<!-- <li><i class="fa fa-star text-orange"></i></li>-->
<!-- <li><i class="fa fa-star text-orange"></i></li>-->
<!-- <li><i class="fa fa-star text-orange"></i></li>-->
<!-- </ul>-->
<!-- <span class="rating">(4.8)</span>-->
<!-- <span class="text">12k+ ratings on google</span>-->
<!--</div>-->
<!--<div class="bottom-media" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)">-->
<!-- <img src="images/about/img2.webp" class="item1" alt="">-->
<!-- <img src="images/about/img3.webp" class="item2" alt="">-->
<!--</div>-->
</div>
</div>
</div>
</div>
</section>
<div class="dz-marquee style-1 overflow-hidden">
<ul class="marquee-list">
<li class="item wow bounceIn" data-wow-delay="0.1s" data-wow-duration="0.8s">Eyebrows</li>
<li class="item wow bounceIn" data-wow-delay="0.2s" data-wow-duration="0.8s">Facials</li>
<li class="item wow bounceIn" data-wow-delay="0.3s" data-wow-duration="0.8s">Pedicure</li>
<li class="item wow bounceIn" data-wow-delay="0.4s" data-wow-duration="0.8s">manicure</li>
<li class="item wow bounceIn" data-wow-delay="0.5s" data-wow-duration="0.8s">Haircutting</li>
<li class="item wow bounceIn" data-wow-delay="0.6s" data-wow-duration="0.8s">Waxing</li>
<li class="item wow bounceIn" data-wow-delay="0.7s" data-wow-duration="0.8s">Haircolour</li>
<li class="item wow bounceIn" data-wow-delay="0.8s" data-wow-duration="0.8s">Makeup</li>
<li class="item wow bounceIn" data-wow-delay="0.9s" data-wow-duration="0.8s">Hairrebonding</li>
<li class="item wow bounceIn" data-wow-delay="1.0s" data-wow-duration="0.8s">Hairspa</li>
<li class="item wow bounceIn" data-wow-delay="1.1s" data-wow-duration="0.8s">Hair oilmassage</li>
<li class="item wow bounceIn" data-wow-delay="1.2s" data-wow-duration="0.8s">DandrufTreatment</li>
<li class="item wow bounceIn" data-wow-delay="1.3s" data-wow-duration="0.8s">Hairbotox</li>
</ul>
</div>
<!-- <section class="content-inner-2 bg-light">-->
<!-- <div class="container">-->
<!-- <div class="section-head style-3 m-b30 text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">-->
<!-- <h2 class="title">Transform Your Skin with Our <br> Advanced Dermatology Treatments</h2>-->
<!-- <p class="mw-100">Experience a transformative journey that sculpts your physique and unlocks your full potential.</p>-->
<!-- </div>-->
<!-- <div class="dz-flex-wrapper m-b30 swiper dz-flex-swiper wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">-->
<!-- <div class="swiper-wrapper">-->
<!-- <div class="dz-flex-item swiper-slide active">-->
<!-- <div class="dz-flex-head" style="background-image: url(assets/images/services/eyebrow.jpg);">-->
<!-- <a href="service-detail.php" class="btn btn-square btn-lg btn-white btn-shadow btn-rounded">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- <h3 class="title">Eye Brows</h3>-->
<!-- </div>-->
<!-- <div class="dz-flex-info">-->
<!-- <div class="dz-flex-inner">-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/services/eyebrow.jpg" alt="/">-->
<!-- <a href="appointment.php" class="btn btn-white">-->
<!-- <i class="feather icon-calendar m-r5 text-primary"></i>-->
<!-- Book An appointment-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-info-top">-->
<!-- <h3 class="dz-title">Eye Brows</h3>-->
<!-- <p class="text">Your natural beauty can be heightened with well-groomed eyebrows. Get a polished appearance.</p>-->
<!-- <ul class="list-check-try fw-medium m-b30">-->
<!-- <li>Precision Shaping</li>-->
<!-- <li>Natural Appeal</li>-->
<!-- <li>Long-lasting Definition</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="item1">-->
<!-- <div class="info-widget style-14">-->
<!-- <div class="info-widget-profile">-->
<!-- <div class="widget-media">-->
<!-- <img src="assets/images/services/eyebrow.jpg" alt="">-->
<!-- </div>-->
<!-- <div class="widget-content">-->
<!--<h6 class="title mb-0">Nashid Martines</h6>-->
<!-- <p class="text mb-0">Eye brows</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <a href="service-detail.php" class="btn btn-lg btn-square btn-primary rounded-circle">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> -->
<!-- <div class="dz-flex-item swiper-slide">-->
<!-- <div class="dz-flex-head" style="background-image: url(assets/images/services/facials.jpg);">-->
<!-- <a href="service-detail.php" class="btn btn-square btn-lg btn-white btn-shadow btn-rounded">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- <h3 class="title">Facials</h3>-->
<!-- </div> -->
<!-- <div class="dz-flex-info">-->
<!-- <div class="dz-flex-inner">-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/services/facials.jpg" alt="/">-->
<!-- <a href="appointment.php" class="btn btn-white">-->
<!-- <i class="feather icon-calendar m-r5 text-primary"></i>-->
<!-- Book An appointment-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-info-top">-->
<!-- <h3 class="dz-title">Facials</h3>-->
<!-- <p class="text">Facials are a great way to rejuvenate your skin, offering relaxation and promoting a healthy, glowing complexion.</p>-->
<!-- <ul class="list-check-try fw-medium m-b30">-->
<!-- <li>Fruit, Mixed Fruit</li>-->
<!-- <li>Gold, Diomand</li>-->
<!-- <li>Pearl, etc....</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="item1">-->
<!-- <div class="info-widget style-14">-->
<!-- <div class="info-widget-profile">-->
<!-- <div class="widget-media">-->
<!-- <img src="assets/images/services/facials.jpg" alt="">-->
<!-- </div>-->
<!-- <div class="widget-content">-->
<!--<h6 class="title mb-0">Nashid Martines</h6>-->
<!-- <p class="text mb-0">Facials</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <a href="service-detail.php" class="btn btn-lg btn-square btn-primary rounded-circle">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="dz-flex-item swiper-slide">-->
<!-- <div class="dz-flex-head" style="background-image: url(assets/images/services/pedicure.jpg);">-->
<!-- <a href="service-detail.php" class="btn btn-square btn-lg btn-white btn-shadow btn-rounded">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- <h3 class="title">Pedicure</h3>-->
<!-- </div> -->
<!-- <div class="dz-flex-info">-->
<!-- <div class="dz-flex-inner">-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/services/pedicure.jpg" alt="/">-->
<!-- <a href="appointment.php" class="btn btn-white">-->
<!-- <i class="feather icon-calendar m-r5 text-primary"></i>-->
<!-- Book An appointment-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-info-top">-->
<!-- <h3 class="dz-title">Pedicure</h3>-->
<!-- <p class="text">A pedicure is a cosmetic treatment for the feet, focusing on nail care, exfoliation, and moisturizing</p>-->
<!-- <ul class="list-check-try fw-medium m-b30">-->
<!-- <li>Soft Skin</li>-->
<!-- <li>Healthy Nails</li>-->
<!-- <li>Relaxing Treatment</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="item1">-->
<!-- <div class="info-widget style-14">-->
<!-- <div class="info-widget-profile">-->
<!-- <div class="widget-media">-->
<!-- <img src="assets/images/services/pedicure.jpg" alt="">-->
<!-- </div>-->
<!-- <div class="widget-content">-->
<!--<h6 class="title mb-0">Nashid Martines</h6>-->
<!-- <p class="text mb-0">Pedicure</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <a href="service-detail.php" class="btn btn-lg btn-square btn-primary rounded-circle">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="dz-flex-item swiper-slide">-->
<!-- <div class="dz-flex-head" style="background-image: url(assets/images/services/manicure.jpg);">-->
<!-- <a href="service-detail.php" class="btn btn-square btn-lg btn-white btn-shadow btn-rounded">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- <h3 class="title">Manicure</h3>-->
<!-- </div> -->
<!-- <div class="dz-flex-info">-->
<!-- <div class="dz-flex-inner">-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/services/manicure.jpg" alt="/">-->
<!-- <a href="appointment.php" class="btn btn-white">-->
<!-- <i class="feather icon-calendar m-r5 text-primary"></i>-->
<!-- Book An appointment-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-info-top">-->
<!-- <h3 class="dz-title">Manicure</h3>-->
<!-- <p class="text">A manicure enhances the appearance and health of your nails, leaving them smooth, polished, and beautiful.</p>-->
<!-- <ul class="list-check-try fw-medium m-b30">-->
<!-- <li>Nail trimming</li>-->
<!-- <li>Cuticle care</li>-->
<!-- <li>Hand massage</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="item1">-->
<!-- <div class="info-widget style-14">-->
<!-- <div class="info-widget-profile">-->
<!-- <div class="widget-media">-->
<!-- <img src="assets/images/services/manicure.jpg" alt="">-->
<!-- </div>-->
<!-- <div class="widget-content">-->
<!--<h6 class="title mb-0">Nashid Martines</h6>-->
<!-- <p class="text mb-0">Manicure</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <a href="service-detail.php" class="btn btn-lg btn-square btn-primary rounded-circle">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="dz-flex-item swiper-slide">-->
<!-- <div class="dz-flex-head" style="background-image: url(assets/images/services/haircut.jpg);">-->
<!-- <a href="service-detail.php" class="btn btn-square btn-lg btn-white btn-shadow btn-rounded">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- <h3 class="title">Hair Cutting</h3>-->
<!-- </div> -->
<!-- <div class="dz-flex-info">-->
<!-- <div class="dz-flex-inner">-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/services/haircut.jpg" alt="/">-->
<!-- <a href="appointment.php" class="btn btn-white">-->
<!-- <i class="feather icon-calendar m-r5 text-primary"></i>-->
<!-- Book An appointment-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-info-top">-->
<!-- <h3 class="dz-title">Hair Cutting</h3>-->
<!-- <p class="text">Get a fresh, stylish haircut tailored to your personality and preferences, adding confidence and flair to your look.</p>-->
<!-- <ul class="list-check-try fw-medium m-b30">-->
<!-- <li>Modern Cuts</li>-->
<!-- <li>Layered Styles</li>-->
<!-- <li>Chic Trends</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="item1">-->
<!-- <div class="info-widget style-14">-->
<!-- <div class="info-widget-profile">-->
<!-- <div class="widget-media">-->
<!-- <img src="assets/images/services/haircut.jpg" alt="">-->
<!-- </div>-->
<!-- <div class="widget-content">-->
<!--<h6 class="title mb-0">Nashid Martines</h6>-->
<!-- <p class="text mb-0">Hair Cutting</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <a href="service-detail.php" class="btn btn-lg btn-square btn-primary rounded-circle">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="dz-separator style-3">-->
<!-- <a href="services.php" class="btn separator-badge fw-medium">View All Services</a>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<section class="content-inner bg-bottom-half-white">
<div class="container">
<div class="section-head style-3 text-center m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<h2 class="title m-b0">After Treatment</h2>
</div>
<div class="row m-b30">
<div class="col-md-3 m-b15 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
<div class="twentytwenty-box twentytwenty-sm shadow">
<div class="twentytwenty-container">
<img src="assets/images/before-after/skin-bright1.png" alt="">
<img src="assets/images/before-after/skin-bright2.png" alt="">
</div>
</div>
</div>
<div class="col-md-3 m-b15 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
<div class="twentytwenty-box twentytwenty-sm shadow">
<div class="twentytwenty-container">
<img src="assets/images/before-after/hair-removal1.png" alt="">
<img src="assets/images/before-after/hair-removal2.png" alt="">
</div>
</div>
</div>
<div class="col-md-3 m-b15 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
<div class="twentytwenty-box twentytwenty-sm shadow">
<div class="twentytwenty-container">
<img src="assets/images/before-after/skin1.png" alt="">
<img src="assets/images/before-after/skin2.png" alt="">
</div>
</div>
</div>
<div class="col-md-3 m-b15 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
<div class="twentytwenty-box twentytwenty-sm shadow">
<div class="twentytwenty-container">
<img src="assets/images/before-after/hair1.png" alt="">
<img src="assets/images/before-after/hair2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content-inner">
<div class="container">
<div class="section-head style-3 m-b30 text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<h2 class="title">Our Featured <br> Beauty Treatments</h2>
<p>Experience a transformation! We offer the perfect blend of pampering treatments and powerful derma products to address your specific needs and unlock your most radiant skin.</p>
</div>
<div class="site-filters clearfix style-1 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
<ul class="filters justify-content-center" data-bs-toggle="buttons">
<li class="active">
<input type="radio">
<a class="btn" href="javascript:void(0);">All</a>
</li>
<li data-filter=".data-beauty">
<input type="radio">
<a class="btn" href="javascript:void(0);">Hair</a>
</li>
<li data-filter=".data-oils">
<input type="radio">
<a class="btn" href="javascript:void(0);">Beauty & Skin Care</a>
</li>
<!--<li data-filter=".data-cosmetics">-->
<!-- <input type="radio">-->
<!-- <a class="btn" href="javascript:void(0);">Cosmetics</a> -->
<!--</li>-->
<!--<li data-filter=".data-offers">-->
<!-- <input type="radio">-->
<!-- <a class="btn" href="javascript:void(0);">Daily Offers</a> -->
<!--</li>-->
</ul>
</div>
<div class="clearfix">
<ul id="masonry" class="row">
<li class="card-container col-xl-3 col-lg-4 col-sm-6 m-b30 data-beauty wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<div class="shop-card">
<div class="dz-media">
<img src="assets/images/services/dandrufftreatment.jpg" alt="image">
</div>
<div class="dz-content">
<div class="inner-content">
<h3 class="title">Dandruff Treatment</h3>
</div>
<!--<a href="shop-details.php" class="btn btn-square btn-lg btn-white btn-rounded shop-share-btn">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!--</a>-->
</div>
</div>
</li>
<li class="card-container col-xl-3 col-lg-4 col-sm-6 m-b30 data-beauty wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<div class="shop-card">
<div class="dz-media">
<img src="assets/images/services/waxing.jpg" alt="image">
</div>
<div class="dz-content">
<div class="inner-content">
<h3 class="title">Waxing</h3>
</div>
<!--<a href="shop-details.php" class="btn btn-square btn-lg btn-white btn-rounded shop-share-btn">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!--</a>-->
</div>
</div>
</li>
<li class="card-container col-xl-3 col-lg-4 col-sm-6 m-b30 data-offers data-oils wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<div class="shop-card">
<div class="dz-media">
<img src="assets/images/services/medifacial.jpg" alt="image">
</div>
<div class="dz-content">
<div class="inner-content">
<h3 class="title">Medi Facial</h3>
</div>
<!--<a href="shop-details.php" class="btn btn-square btn-lg btn-white btn-rounded shop-share-btn">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!--</a>-->
</div>
</div>
</li>
<li class="card-container col-xl-3 col-lg-4 col-sm-6 m-b30 data-offers data-oils wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<div class="shop-card">
<div class="dz-media">
<img src="assets/images/services/gycolicpeel.jpg" alt="image">
</div>
<div class="dz-content">
<div class="inner-content">
<h3 class="title">Glycolic peel</h3>
</div>
<!--<a href="shop-details.php" class="btn btn-square btn-lg btn-white btn-rounded shop-share-btn">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!--</a>-->
</div>
</div>
</li>
<!--<li class="card-container col-xl-3 col-lg-4 col-sm-6 m-b30 data-oils data-offers wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">-->
<!-- <div class="shop-card">-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/shop/img2.webp" alt="image">-->
<!-- <div class="shop-meta">-->
<!-- <a href="javascript:void(0);" class="btn quick-view" data-bs-toggle="modal" data-bs-target="#exampleModal">-->
<!-- <i class="fa-solid fa-eye d-md-none d-block"></i>-->
<!-- <span class="d-md-block d-none">Quick View</span>-->
<!-- </a>-->
<!-- <div class="btn meta-icon dz-wishicon">-->
<!-- <i class="icon feather icon-heart dz-heart"></i>-->
<!-- <i class="icon feather icon-heart-on dz-heart-fill"></i>-->
<!-- </div>-->
<!-- <div class="btn meta-icon dz-carticon">-->
<!-- <i class="feather icon-shopping-cart"></i>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> -->
<!-- <div class="dz-content">-->
<!-- <div class="inner-content">-->
<!-- <h3 class="title"><a href="shop-details.php">Herbal beauty</a></h3>-->
<!-- <span class="price">$89.00 <del>$119.00</del></span>-->
<!-- </div>-->
<!-- <a href="shop-details.php" class="btn btn-square btn-lg btn-white btn-rounded shop-share-btn">-->
<!-- <i class="feather icon-arrow-up-right"></i>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!--</li>-->
</ul>
<div class="dz-separator style-3">
<a href="services.php" class="btn separator-badge fw-medium">View All Services</a>
</div>
</div>
</div>
</section>
<section class="content-inner" style="margin-top:-7%;">
<div class="container">
<div class="row content-wrapper style-5 align-items-center">
<div class="col-xxl-7 col-lg-6 m-b30 align-self-center">
<div class="content-info" style="margin-top:-8%;">
<div class="section-head style-1 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<h2 class="title">Frequently Asked Questions</h2>
<!--<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>-->
</div>
<div class="accordion dz-accordion style-3 m-b35 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
How do I know my skin type?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Cleanse your skin and see if it feels oily, dry, or balanced after an hour to identify your skin type.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
What types of treatments do you offer?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We offer facials, acne treatments, anti-aging therapies, and chemical peels. Additionally, we provide microdermabrasion, LED light therapy, and personalized skin consultations.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
How do i book my appointment ?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>You can book your appointment online through our website or by calling our customer service. Alternatively, you can also book via email or through our social media platforms.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Which thing is best for glowing skin?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>A consistent skincare routine with hydration, sunscreen, and products rich in antioxidants like vitamin C is key for glowing skin. Regular exfoliation also helps to remove dead skin cells and promote radiance.</p>
</div>
</div>
</div>
</div>
<!--<div class="d-flex align-items-center m-b15 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">-->
<!-- <div class="info-widget style-12 m-r40 shadow-sm">-->
<!-- <div class="avatar-group">-->
<!-- <img class="avatar rounded-circle avatar-md border border-white border-2" src="assets/images/banner/avatar/avatar1.webp" alt="">-->
<!-- <img class="avatar rounded-circle avatar-md border border-white border-2" src="assets/images/banner/avatar/avatar2.webp" alt="">-->
<!-- <img class="avatar rounded-circle avatar-md border border-white border-2" src="assets/images/banner/avatar/avatar3.webp" alt="">-->
<!-- <img class="avatar rounded-circle avatar-md border border-white border-2" src="assets/images/banner/avatar/avatar4.webp" alt="">-->
<!-- </div>-->
<!-- <div class="clearfix">-->
<!-- <span>Talk to over 215 doctor</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <a href="about-us-2.php" class="btn btn-square btn-xl btn-white shadow-sm btn-rounded">-->
<!-- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!-- <path d="M7 17L17 7" stroke="var(--bs-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>-->
<!-- <path d="M7 7H17V17" stroke="var(--bs-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>-->
<!-- </svg>-->
<!-- </a>-->
<!--</div>-->
<!--<div class="widget-rating3 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">-->
<!-- <ul class="star-list">-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- </ul>-->
<!-- <span class="rating me-2">(4.8)</span>-->
<!-- <span class="text">12k+ ratings on google</span>-->
<!--</div>-->
</div>
</div>
<div class="col-xxl-5 col-lg-6 m-b30">
<div class="content-media wow fadeInUp" data-wow-delay="1.0s" data-wow-duration="0.8s">
<div class="dz-media">
<img src="assets/images/banner/face-brightening.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="content-inner bg-light gradient-bottom-light">-->
<!-- <div class="container">-->
<!-- <div class="section-head style-3 text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">-->
<!-- <h2 class="title m-b10">We Employ only Specialists</h2>-->
<!-- <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>-->
<!-- </div>-->
<!-- <div class="row">-->
<!-- <div class="col-xl-3 col-sm-6 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">-->
<!-- <div class="dz-team style-2 active box-hover">-->
<!-- <div class="dz-content">-->
<!-- <h3 class="dz-name"><a href="team-detail.php">Nashid Martines</a></h3>-->
<!-- <span class="dz-position">Cardiac Surgery</span>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/team/img1.webp" alt="/">-->
<!-- <a href="appointment.php" class="btn btn-primary">-->
<!-- <i class="feather icon-calendar m-r5"></i>-->
<!-- Appointment Now-->
<!-- </a>-->
<!-- <ul class="dz-social">-->
<!-- <li>-->
<!-- <a class="linkedin" href="https://www.linkedin.com" target="_blank">-->
<!-- <i class="fa-brands fa-linkedin"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="instagram" href="https://www.instagram.com" target="_blank">-->
<!-- <i class="fa-brands fa-instagram"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="facebook" href="https://www.facebook.com" target="_blank">-->
<!-- <i class="fa-brands fa-facebook-f"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="x-twitter" href="https://twitter.com" target="_blank">-->
<!-- <i class="fa-brands fa-x-twitter"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="youtube" href="https://www.youtube.com" target="_blank">-->
<!-- <i class="fa-brands fa-youtube"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-xl-3 col-sm-6 m-b30 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">-->
<!-- <div class="dz-team style-2 box-hover">-->
<!-- <div class="dz-content">-->
<!-- <h3 class="dz-name"><a href="team-detail.php">Nashid Martines</a></h3>-->
<!-- <span class="dz-position">Cardiac Surgery</span>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/team/img2.webp" alt="/">-->
<!-- <a href="appointment.php" class="btn btn-primary">-->
<!-- <i class="feather icon-calendar m-r5"></i>-->
<!-- Appointment Now-->
<!-- </a>-->
<!-- <ul class="dz-social">-->
<!-- <li>-->
<!-- <a class="linkedin" href="https://www.linkedin.com" target="_blank">-->
<!-- <i class="fa-brands fa-linkedin"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="instagram" href="https://www.instagram.com" target="_blank">-->
<!-- <i class="fa-brands fa-instagram"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="facebook" href="https://www.facebook.com" target="_blank">-->
<!-- <i class="fa-brands fa-facebook-f"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="x-twitter" href="https://twitter.com" target="_blank">-->
<!-- <i class="fa-brands fa-x-twitter"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="youtube" href="https://www.youtube.com" target="_blank">-->
<!-- <i class="fa-brands fa-youtube"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-xl-3 col-sm-6 m-b30 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">-->
<!-- <div class="dz-team style-2 box-hover">-->
<!-- <div class="dz-content">-->
<!-- <h3 class="dz-name"><a href="team-detail.php">Nashid Martines</a></h3>-->
<!-- <span class="dz-position">Cardiac Surgery</span>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/team/img3.webp" alt="/">-->
<!-- <a href="appointment.php" class="btn btn-primary">-->
<!-- <i class="feather icon-calendar m-r5"></i>-->
<!-- Appointment Now-->
<!-- </a>-->
<!-- <ul class="dz-social">-->
<!-- <li>-->
<!-- <a class="linkedin" href="https://www.linkedin.com" target="_blank">-->
<!-- <i class="fa-brands fa-linkedin"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="instagram" href="https://www.instagram.com" target="_blank">-->
<!-- <i class="fa-brands fa-instagram"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="facebook" href="https://www.facebook.com" target="_blank">-->
<!-- <i class="fa-brands fa-facebook-f"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="x-twitter" href="https://twitter.com" target="_blank">-->
<!-- <i class="fa-brands fa-x-twitter"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="youtube" href="https://www.youtube.com" target="_blank">-->
<!-- <i class="fa-brands fa-youtube"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-xl-3 col-sm-6 m-b30 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">-->
<!-- <div class="dz-team style-2 box-hover">-->
<!-- <div class="dz-content">-->
<!-- <h3 class="dz-name"><a href="team-detail.php">Nashid Martines</a></h3>-->
<!-- <span class="dz-position">Cardiac Surgery</span>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/team/img4.webp" alt="/">-->
<!-- <a href="appointment.php" class="btn btn-primary">-->
<!-- <i class="feather icon-calendar m-r5"></i>-->
<!-- Appointment Now-->
<!-- </a>-->
<!-- <ul class="dz-social">-->
<!-- <li>-->
<!-- <a class="linkedin" href="https://www.linkedin.com" target="_blank">-->
<!-- <i class="fa-brands fa-linkedin"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="instagram" href="https://www.instagram.com" target="_blank">-->
<!-- <i class="fa-brands fa-instagram"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="facebook" href="https://www.facebook.com" target="_blank">-->
<!-- <i class="fa-brands fa-facebook-f"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="x-twitter" href="https://twitter.com" target="_blank">-->
<!-- <i class="fa-brands fa-x-twitter"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a class="youtube" href="https://www.youtube.com" target="_blank">-->
<!-- <i class="fa-brands fa-youtube"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!-- <section class="content-inner bg-light">-->
<!-- <div class="container"> -->
<!-- <div class="row align-items-center pricingtable-content-wrapper">-->
<!-- <div class="col-xxl-3 col-lg-12 col-md-6 m-b30">-->
<!-- <div class="section-head style-3 m-b30 row align-items-end wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">-->
<!-- <h2 class="title">Choose <br> Your Plan</h2>-->
<!-- <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>-->
<!-- </div>-->
<!-- <a href="service-detail.php" class="btn btn-icon btn-lg btn-primary btn-shadow w-auto wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">-->
<!-- View All Services-->
<!-- <span class="right-icon"><i class="feather icon-arrow-right"></i></span>-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">-->
<!-- <div class="content-bx style-4 bg-primary">-->
<!-- <h3 class="title"><span>Save More</span>With Good Plans.</h3>-->
<!-- <p>Choose a plan and get onboard in minutes. Then get $100 credits for your next payment.</p>-->
<!-- <a href="pricing-table.php" class="btn-link"><i class="feather icon-arrow-right text-white"></i></a>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/team/ads.webp" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-xxl-5 col-xl-8 col-lg-7 align-self-stretch m-b30">-->
<!-- <div class="pricingtable-wrapper style-1 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">-->
<!-- <div class="pricingtable-inner">-->
<!-- <div class="left-box"> -->
<!-- <div class="toggle-tabs toggle-tabs2 monthly m-b15">-->
<!-- <span class="monthly">Monthly</span>-->
<!-- <div class="toggle"></div>-->
<!-- <span class="yearly">Yearly</span>-->
<!-- </div>-->
<!-- <div class="pricingtable-list">-->
<!-- <h4 class="list-title">Select Service</h4>-->
<!-- <ul class="pricingtable-features">-->
<!-- <li>Skin Cancer Screenings</li>-->
<!-- <li>Acne Treatment</li>-->
<!-- <li>Skin Rejuvenation</li>-->
<!-- <li class="active">Eczema and Psoriasis</li>-->
<!-- <li>Hair and Nail Disorders</li>-->
<!-- <li>Mohs Surgery</li>-->
<!-- <li>Cosmetic Dermatology</li>-->
<!-- <li>Scar Revision</li>-->
<!-- <li>Wart Removal</li>-->
<!-- <li>Photodynamic Therapy</li>-->
<!-- <li>Rosacea Treatment</li>-->
<!-- </ul>-->
<!-- </div> -->
<!-- </div> -->
<!-- <div class="right-box">-->
<!-- <div class="clearfix">-->
<!-- <div class="pricingtable-price month"> -->
<!-- <h2 class="pricingtable-bx">$99<small>/ Monthly</small></h2>-->
<!-- </div>-->
<!-- <div class="pricingtable-price year"> -->
<!-- <h2 class="pricingtable-bx">$1049<small>/ Yearly</small></h2>-->
<!-- </div>-->
<!-- <p class="m-b20">It is a long established fact that a reader will be distracted.</p>-->
<!-- <div class="pricingtable-title">-->
<!-- <h3 class="title">What You’ll Get</h3>-->
<!-- </div>-->
<!-- <div class="pricingtable-list">-->
<!-- <ul class="pricingtable-features">-->
<!-- <li>Consultations</li>-->
<!-- <li>24x7 Support</li>-->
<!-- <li>1 month checkup free</li>-->
<!-- <li>Free Medicines </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="pricingtable-button mt-auto">-->
<!-- <a href="pricing-table.php" class="btn btn-secondary btn-hover1 w-100 m-t30"><span>Choose</span></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<div class="dz-marquee style-2 bg-light">
<ul class="marquee-list">
<li class="item text-outline wow bounceIn" data-wow-delay="0.1s" data-wow-duration="0.8s">Medifacial</li>
<li class="item text-primary wow bounceIn" data-wow-delay="0.2s" data-wow-duration="0.8s">Hydrafacials</li>
<li class="item text-outline wow bounceIn" data-wow-delay="0.3s" data-wow-duration="0.8s">Yellowpeel</li>
<li class="item text-outline wow bounceIn" data-wow-delay="0.4s" data-wow-duration="0.8s">Glycolicpeel</li>
<li class="item text-primary wow bounceIn" data-wow-delay="0.5s" data-wow-duration="0.8s">Lacticpeel</li>
<li class="item text-outline wow bounceIn" data-wow-delay="0.6s" data-wow-duration="0.8s">Salicylicpeel</li>
<li class="item text-primary wow bounceIn" data-wow-delay="0.7s" data-wow-duration="0.8s">Greenpeel</li>
</ul>
</div>
<!-- <section class="content-inner-3 bg-light pb-0 overflow-hidden">-->
<!-- <div class="container">-->
<!-- <div class="row content-wrapper style-17 align-items-end justify-content-center">-->
<!-- <div class="col-xl-6 col-lg-12 order-xl-1 m-b30">-->
<!-- <div class="content-info">-->
<!-- <div class="section-head style-2 m-b30">-->
<!-- <div class="sub-title wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">Best Dentist</div>-->
<!-- <h2 class="title wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">About Dr. Nashid Martines</h2>-->
<!-- <p class="fw-normal wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s"><strong class="text-secondary fw-semibold">Dr. Nashid Martines</strong> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>-->
<!-- </div> -->
<!-- <h3 class="text-primary title-dashed-separator wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">About Skills</h3>-->
<!-- <ul class="list-check text-secondary fw-medium grid-2 m-b35 wow fadeInUp" data-wow-delay="1.0s" data-wow-duration="0.8s">-->
<!-- <li>Radiant Skin Dermatology</li>-->
<!-- <li>Flawless Dermatology</li>-->
<!-- <li>Luminous Dermatology</li>-->
<!-- <li>Laser Resurfacing</li>-->
<!-- <li>Refined Skin Dermatology</li>-->
<!-- <li>Anti Aging</li>-->
<!-- </ul>-->
<!-- <div class="row align-items-center g-4 wow fadeInUp" data-wow-delay="1.2s" data-wow-duration="0.8s">-->
<!-- <div class="col-sm-6 d-flex">-->
<!-- <div class="text-center">-->
<!-- <img src="images/sign.webp" alt="">-->
<!-- <span class="font-14 d-block">Dr. Nashid Martines</span> -->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-sm-6">-->
<!-- <a href="appointment.php" class="btn btn-lg btn-icon btn-primary">-->
<!-- Appointment-->
<!-- <span class="right-icon"><i class="feather icon-arrow-right"></i></span>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-xl-6 col-lg-8">-->
<!-- <div class="content-media">-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/banner/img13.webp" alt="">-->
<!-- </div>-->
<!-- <div class="item1">-->
<!-- <svg viewBox="0 0 694 694" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!-- <circle cx="347" cy="347" r="346" stroke="var(--bs-primary)" stroke-opacity="0.1" stroke-width="2" stroke-dasharray="12 12"/>-->
<!-- <circle cx="347" cy="347" r="296" stroke="var(--bs-primary)" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="12 12"/>-->
<!-- <circle cx="347" cy="347" r="244" stroke="var(--bs-primary)" stroke-opacity="0.3" stroke-width="2" stroke-dasharray="12 12"/>-->
<!-- <circle cx="147.5" cy="206.5" r="6.5" fill="var(--bs-primary)"/>-->
<!-- <circle opacity="0.3" cx="206.5" cy="30.5" r="4.5" fill="var(--bs-primary)"/>-->
<!-- <circle opacity="0.6" cx="62.5" cy="433.5" r="2.5" fill="var(--bs-primary)"/>-->
<!-- <ellipse opacity="0.6" cx="525" cy="109.5" rx="4" ry="3.5" fill="var(--bs-primary)"/>-->
<!-- <circle cx="642.5" cy="361.5" r="3.5" fill="var(--bs-primary)"/>-->
<!-- <ellipse opacity="0.3" cx="573" cy="606.5" rx="3" ry="2.5" fill="var(--bs-primary)"/>-->
<!-- </svg> -->
<!-- </div>-->
<!-- <div class="item2" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)">-->
<!-- <div class="info-widget style-10 move-3">-->
<!-- <span class="content-text text-primary"><span class="counter">20</span>+</span>-->
<!-- <h3 class="title m-b0">Years <br> Experienced</h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="item3" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)">-->
<!-- <div class="dz-img-box style-1 move-4">-->
<!-- <div class="dz-media">-->
<!-- <img src="images/logo/logo1.png" alt="">-->
<!-- </div>-->
<!-- <div class="dz-content"> -->
<!-- <h3 class="title">Mapis beauty, hair and skincare 2024</h3>-->
<!-- <p>Quality and Accreditation Institute</p>-->
<!-- <a href="javascript:void(0);" class="btn-link">Best Dermatologists</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<section class="content-inner">
<div class="container">
<div class="row content-wrapper style-14 align-items-center">
<div class="col-xl-6 col-lg-5 m-b30">
<div class="content-info">
<div class="section-head style-1 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<h2 class="title">why choose us</h2>
<!--<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>-->
</div>
<!--<ul class="list-check-circle-small text-secondary grid-2 m-b35 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">-->
<!-- <li>Comprehensive Specialties</li>-->
<!-- <li>Research and Development</li>-->
<!-- <li>Emergency Services</li>-->
<!-- <li>Advanced Imaging Services</li>-->
<!-- <li>Intensive Care Units (ICUs)</li>-->
<!-- <li>Rehabilitation Services</li>-->
<!-- <li>Telemedicine Facilities</li>-->
<!-- <li>Patient-Centric Approach</li>-->
<!-- <li>Multidisciplinary Team</li>-->
<!-- <li>Health Information Technology</li>-->
<!--</ul>-->
<div class="d-flex flex-wrap align-items-center wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
<a href="appointment.php" class="btn btn-lg btn-icon btn-secondary btn-shadow m-r40 mb-3 mb-xl-0">
Appointment
<span class="right-icon"><i class="feather icon-arrow-right"></i></span>
</a>
<div class="info-widget style-5">
<div class="widget-media text-primary">
<i class="feather icon-phone-call"></i>
</div>
<div class="widget-content">
<h6 class="title">Contact us?</h6>
<a href="tel:+91 9600940383" class="text-secondary">+91 9600940383</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-7 m-b30">
<div class="content-media">
<div class="row justify-content-center">
<div class="col-sm-6" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<div class="img1">
<img src="assets/images/banner/doctor2.jpg" alt="">
<div class="video-bx1">
<!--<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!-- <path d="M37.6232 13.8804L27.0337 21.4443L37.6232 29.0083V13.8804Z" stroke="#F46700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>-->
<!-- <path d="M24.0081 10.855H7.36738C5.6964 10.855 4.3418 12.2096 4.3418 13.8806V29.0085C4.3418 30.6795 5.6964 32.0341 7.36738 32.0341H24.0081C25.6791 32.0341 27.0337 30.6795 27.0337 29.0085V13.8806C27.0337 12.2096 25.6791 10.855 24.0081 10.855Z" stroke="#F46700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>-->
<!--</svg>-->
<!--<span>Video Call <br> Support</span>-->
</div>
<div class="call-widget">
<a href="javascript:void(0);">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.20361 9.8414C3.20361 8.842 4.01378 8.03183 5.01317 8.03183V8.03183C5.69858 8.03183 6.32517 7.64458 6.63169 7.03153L7.43284 5.42923C7.52733 5.24026 7.57457 5.14577 7.62681 5.06276C7.95603 4.53957 8.50868 4.19801 9.12387 4.13753C9.22148 4.12793 9.32712 4.12793 9.53839 4.12793H14.4364C14.6477 4.12793 14.7533 4.12793 14.8509 4.13753C15.4661 4.19801 16.0188 4.53957 16.348 5.06276C16.4002 5.14577 16.4475 5.24026 16.542 5.42923L17.3431 7.03154C17.6496 7.64458 18.2762 8.03183 18.9616 8.03183V8.03183C19.961 8.03183 20.7712 8.842 20.7712 9.84139V14.7242C20.7712 16.6118 20.7712 17.5555 20.3616 18.2567C20.1012 18.7025 19.7301 19.0736 19.2843 19.334C18.5832 19.7435 17.6394 19.7435 15.7519 19.7435H8.22292C6.3354 19.7435 5.39164 19.7435 4.6905 19.334C4.24466 19.0736 3.87357 18.7025 3.61315 18.2567C3.20361 17.5555 3.20361 16.6118 3.20361 14.7242V9.8414Z" stroke="white"/>
<path d="M15.3913 12.9117C15.3913 14.7916 13.8673 16.3156 11.9874 16.3156C10.1075 16.3156 8.5835 14.7916 8.5835 12.9117C8.5835 11.0318 10.1075 9.50781 11.9874 9.50781C13.8673 9.50781 15.3913 11.0318 15.3913 12.9117Z" stroke="white"/>
</svg>
</a>
<a href="javascript:void(0);">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8146 5.86294L20.2304 5.58516L20.2304 5.58516L19.8146 5.86294ZM19.8146 16.0566L20.2304 16.3344L20.2304 16.3344L19.8146 16.0566ZM18.7375 17.1337L18.4598 16.7179L18.4598 16.7179L18.7375 17.1337ZM14.6167 17.7903L14.6145 17.2903C14.3392 17.2915 14.1167 17.515 14.1167 17.7903H14.6167ZM14.6167 17.7916L15.0639 18.0152C15.0986 17.9458 15.1167 17.8692 15.1167 17.7916H14.6167ZM13.5592 19.9066L14.0064 20.1303L14.0064 20.1303L13.5592 19.9066ZM11.7703 19.9066L12.2175 19.683L12.2175 19.683L11.7703 19.9066ZM10.7128 17.7916H10.2128C10.2128 17.8692 10.2309 17.9458 10.2656 18.0152L10.7128 17.7916ZM10.7128 17.7903H11.2128C11.2128 17.515 10.9903 17.2915 10.715 17.2903L10.7128 17.7903ZM6.59194 17.1337L6.86973 16.7179L6.86973 16.7179L6.59194 17.1337ZM5.51486 16.0566L5.09913 16.3344L5.09913 16.3344L5.51486 16.0566ZM5.51486 5.86294L5.93059 6.14073L5.9306 6.14073L5.51486 5.86294ZM6.59194 4.78586L6.86973 5.20159L6.86973 5.20159L6.59194 4.78586ZM18.7375 4.78586L19.0153 4.37012L19.0153 4.37012L18.7375 4.78586ZM20.9726 10.9598C20.9726 9.59945 20.9732 8.54158 20.8877 7.70195C20.8015 6.85398 20.6234 6.17333 20.2304 5.58516L19.3989 6.14073C19.6638 6.53721 19.8147 7.03425 19.8929 7.80316C19.9719 8.58043 19.9726 9.57864 19.9726 10.9598H20.9726ZM20.2304 16.3344C20.6234 15.7462 20.8015 15.0655 20.8877 14.2176C20.9732 13.378 20.9726 12.3201 20.9726 10.9598H19.9726C19.9726 12.3409 19.9719 13.3391 19.8929 14.1164C19.8147 14.8853 19.6638 15.3823 19.3989 15.7788L20.2304 16.3344ZM19.0153 17.5494C19.4962 17.2281 19.9091 16.8152 20.2304 16.3344L19.3989 15.7788C19.1505 16.1505 18.8314 16.4696 18.4598 16.7179L19.0153 17.5494ZM14.6189 18.2903C15.6694 18.2857 16.5159 18.2657 17.2127 18.1693C17.9176 18.0719 18.5016 17.8927 19.0153 17.5494L18.4598 16.7179C18.1133 16.9494 17.6899 17.0939 17.0758 17.1788C16.4537 17.2648 15.6698 17.2857 14.6145 17.2903L14.6189 18.2903ZM15.1167 17.7916V17.7903H14.1167V17.7916H15.1167ZM14.0064 20.1303L15.0639 18.0152L14.1695 17.568L13.112 19.683L14.0064 20.1303ZM11.3231 20.1303C11.8759 21.2358 13.4536 21.2358 14.0064 20.1303L13.112 19.683C12.9277 20.0516 12.4018 20.0516 12.2175 19.683L11.3231 20.1303ZM10.2656 18.0152L11.3231 20.1303L12.2175 19.683L11.16 17.568L10.2656 18.0152ZM10.2128 17.7903V17.7916H11.2128V17.7903H10.2128ZM6.31416 17.5494C6.82791 17.8927 7.41193 18.0719 8.11677 18.1693C8.81357 18.2657 9.66006 18.2857 10.7106 18.2903L10.715 17.2903C9.65966 17.2857 8.87581 17.2648 8.2537 17.1788C7.63962 17.0939 7.21616 16.9494 6.86973 16.7179L6.31416 17.5494ZM5.09913 16.3344C5.42043 16.8152 5.8333 17.2281 6.31416 17.5494L6.86973 16.7179C6.49806 16.4696 6.17894 16.1505 5.93059 15.7788L5.09913 16.3344ZM4.35693 10.9598C4.35693 12.3201 4.35633 13.378 4.44174 14.2176C4.528 15.0655 4.70612 15.7462 5.09913 16.3344L5.9306 15.7788C5.66568 15.3823 5.51483 14.8853 5.43661 14.1164C5.35754 13.3391 5.35693 12.3409 5.35693 10.9598H4.35693ZM5.09913 5.58516C4.70612 6.17333 4.528 6.85398 4.44174 7.70195C4.35633 8.54158 4.35693 9.59945 4.35693 10.9598H5.35693C5.35693 9.57864 5.35754 8.58043 5.43661 7.80316C5.51483 7.03425 5.66568 6.53721 5.93059 6.14073L5.09913 5.58516ZM6.31416 4.37012C5.8333 4.69142 5.42043 5.10429 5.09913 5.58516L5.9306 6.14073C6.17894 5.76905 6.49806 5.44994 6.86973 5.20159L6.31416 4.37012ZM11.6888 3.62793C10.3285 3.62793 9.27058 3.62733 8.43096 3.71274C7.58298 3.799 6.90234 3.97711 6.31416 4.37012L6.86973 5.20159C7.26621 4.93667 7.76325 4.78582 8.53216 4.7076C9.30943 4.62853 10.3076 4.62793 11.6888 4.62793V3.62793ZM13.6407 3.62793H11.6888V4.62793H13.6407V3.62793ZM19.0153 4.37012C18.4271 3.97711 17.7465 3.799 16.8985 3.71274C16.0589 3.62733 15.001 3.62793 13.6407 3.62793V4.62793C15.0218 4.62793 16.0201 4.62853 16.7973 4.7076C17.5662 4.78582 18.0633 4.93667 18.4598 5.20159L19.0153 4.37012ZM20.2304 5.58516C19.9091 5.10429 19.4962 4.69142 19.0153 4.37012L18.4598 5.20159C18.8314 5.44993 19.1505 5.76905 19.3989 6.14073L20.2304 5.58516Z" fill="white"/>
<ellipse cx="16.5687" cy="10.9599" rx="0.975976" ry="0.975976" fill="white"/>
<circle cx="12.6649" cy="10.9599" r="0.975976" fill="white"/>
<ellipse cx="8.76113" cy="10.9599" rx="0.975976" ry="0.975976" fill="white"/>
</svg>
</a>
<a href="javascript:void(0);" class="active">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_601_1526)">
<path d="M22.5282 9.77907C18.1471 5.21347 6.52222 5.21246 2.14107 9.77907C1.1512 10.8104 0.605876 12.1892 0.622437 13.6185L0.701491 14.7643C0.672578 16.2606 1.85903 17.4985 3.35516 17.5332C3.39811 17.5332 5.81754 17.2053 5.81754 17.2053C7.25969 17.1348 8.39486 15.9486 8.40195 14.5047L8.55617 12.6719C9.75488 12.1781 11.0378 11.921 12.3342 11.9145C13.6315 11.9332 14.914 12.1934 16.1161 12.6816L16.2683 14.5047C16.2754 15.9486 17.4105 17.1348 18.8527 17.2053C18.8527 17.2053 21.2722 17.5332 21.3151 17.5332C22.7878 17.5092 23.969 16.3084 23.9688 14.8356L24.0459 13.5502C24.0478 12.1447 23.5032 10.7935 22.5272 9.782L22.5282 9.77907Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_601_1526">
<rect width="23.4234" height="23.4234" fill="white" transform="translate(0.62207 0.224121)"/>
</clipPath>
</defs>
</svg>
</a>
<a href="javascript:void(0);">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="9.08447" y="3.15186" width="5.85586" height="10.7357" rx="2.92793" stroke="white" stroke-linejoin="round"/>
<path d="M5.65674 10.9599C5.65674 12.6455 6.32637 14.2622 7.51833 15.4541C8.71028 16.6461 10.3269 17.3157 12.0126 17.3157C13.6983 17.3157 15.3149 16.6461 16.5069 15.4541C17.6988 14.2622 18.3685 12.6455 18.3685 10.9599" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.0127 20.7195V18.7676" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.2756 7.88135L15.563 11.9618L21.2756 16.0423V7.88135Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.931 6.24902H4.95396C4.05253 6.24902 3.32178 6.97978 3.32178 7.88121V16.0421C3.32178 16.9436 4.05253 17.6743 4.95396 17.6743H13.931C14.8324 17.6743 15.5632 16.9436 15.5632 16.0421V7.88121C15.5632 6.97978 14.8324 6.24902 13.931 6.24902Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
</div>
<div class="col-sm-6" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
<!--<div class="widget-rating2">-->
<!-- <img src="images/google.svg" alt="">-->
<!-- <div class="clearfix">-->
<!-- <div class="d-flex">-->
<!-- <ul class="star-list">-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- <li><i class="fa fa-star"></i></li>-->
<!-- </ul>-->
<!-- <span class="rating ms-1">(4.8)</span>-->
<!-- </div> -->
<!-- <span class="text">12k+ ratings on google</span>-->
<!-- </div>-->
<!--</div>-->
<div class="img2">
<img src="assets/images/banner/img15.webp" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<img src="images/gallery.png" alt="" class="w-100">
<section class="content-inner pt-0">
<div class="container">
<div class="section-head style-1 text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<h2 class="title m-b10">What our patient say</h2>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</div>
<div class="swiper testimonial-swiper3 testimonial-wrapper3 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-3">
<div class="testimonial-detail">
<div class="testimonial-contant">
<div class="testimonial-text">
<p>"I've struggled with finding the perfect skincare solution for years, but since using Mapis, my skin has transformed! It's now smoother, clearer, and more radiant than ever. The products are gentle yet effective, and I love knowing that they're made with high-quality, natural ingredients. I finally feel confident in my skin, and it's all thanks to Mapis!"</p>
</div>
</div>
<div class="testimonial-info">
<div class="clearfix">
<h5 class="testimonial-name">— Revathi </h5>
<!--<span class="testimonial-position">Postgraduate Student</span>-->
</div>
</div>
</div>
<div class="testimonial-media">
<img src="assets/images/banner/r01.png" alt="">
<div class="item1">
<div class="info-widget">
<ul class="star-list">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<h3 class="title m-b0">Best Treatment </h3>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-3">
<div class="testimonial-detail">
<div class="testimonial-contant">
<div class="testimonial-text">
<p>"Mapis is a game changer! After just a few weeks of using their skincare line, I noticed my skin looking more youthful and hydrated. Friends and family started complimenting me on my glow, and I couldn’t be happier with the results. I recommend Mapis to anyone looking to enhance their skincare routine."</p>
</div>
</div>
<div class="testimonial-info">
<div class="clearfix">
<h5 class="testimonial-name">— Sandhiya</h5>
<!--<span class="testimonial-position">Postgraduate Student</span>-->
</div>
</div>
</div>
<div class="testimonial-media">
<img src="assets/images/banner/r02.png" alt="">
<div class="item1">
<div class="info-widget">
<ul class="star-list">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<h3 class="title m-b0">Best Treatment </h3>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-3">
<div class="testimonial-detail">
<div class="testimonial-contant">
<div class="testimonial-text">
<p>"As someone with sensitive skin, I've always been cautious with new products. Mapis was different – no irritation, no breakouts, just healthier, more vibrant skin. It's truly become my go-to for everyday skincare, and I love how pampered I feel after each use!"</p>
</div>
</div>
<div class="testimonial-info">
<div class="clearfix">
<h5 class="testimonial-name">— Shivani </h5>
<!--<span class="testimonial-position">Postgraduate Student</span>-->
</div>
</div>
</div>
<div class="testimonial-media">
<img src="assets/images/banner/r03.png" alt="">
<div class="item1">
<div class="info-widget">
<ul class="star-list">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<h3 class="title m-b0">Best Treatment </h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-pagination-swiper3 swiper-pagination style-1"></div>
</div>
</div>
</section>
<!-- <section class="content-inner bg-light">-->
<!-- <div class="container">-->
<!-- <div class="section-head style-1 m-b30 row align-items-end">-->
<!-- <div class="col-md-7 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">-->
<!-- <h2 class="title m-b0">Stay Informed with <br> Our Latest Health Blogs</h2>-->
<!-- </div>-->
<!-- <div class="col-md-5 text-sm-end d-md-block d-none wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">-->
<!-- <a href="blog-grid.php" class="btn btn-icon btn-primary btn-shadow">-->
<!-- View All-->
<!-- <span class="right-icon"><i class="feather icon-arrow-right"></i></span>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row content-wrapper style-15">-->
<!-- <div class="col-lg-5 m-b30 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">-->
<!-- <div class="swiper blog-vertical-swiper content-media">-->
<!-- <div class="swiper-wrapper">-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-media radius-md">-->
<!-- <img src="assets/images/banner/img17.webp" alt="">-->
<!-- </div> -->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-media radius-md">-->
<!-- <img src="images/blog/large/img2.webp" alt="">-->
<!-- </div> -->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-media radius-md">-->
<!-- <img src="images/blog/large/img3.webp" alt="">-->
<!-- </div> -->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-media radius-md">-->
<!-- <img src="images/blog/large/img1.webp" alt="">-->
<!-- </div> -->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-media radius-md">-->
<!-- <img src="images/blog/large/img2.webp" alt="">-->
<!-- </div> -->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-7 m-b30 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">-->
<!-- <div class="swiper blog-vertical-swiper-thumb content-info">-->
<!-- <div class="swiper-wrapper">-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-card style-3 blog-half">-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-meta">-->
<!-- <ul>-->
<!-- <li class="post-date">12 Jan 2024</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <h3 class="dz-title"><a href="blog-details.php">Radiant reflections expert dermatology and skin.</a></h3>-->
<!-- <p>It is a long established fact that a reader will be distracted by the readable content.</p>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/banner/img18.webp" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-card style-3 blog-half">-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-meta">-->
<!-- <ul>-->
<!-- <li class="post-date">12 Jan 2024</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <h3 class="dz-title"><a href="blog-details.php">Radiant reflections expert dermatology and skin.</a></h3>-->
<!-- <p>It is a long established fact that a reader will be distracted by the readable content.</p>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/banner/img19.webp" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-card style-3 blog-half">-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-meta">-->
<!-- <ul>-->
<!-- <li class="post-date">12 Jan 2024</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <h3 class="dz-title"><a href="blog-details.php">Radiant reflections expert dermatology and skin.</a></h3>-->
<!-- <p>It is a long established fact that a reader will be distracted by the readable content.</p>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/banner/img20.webp" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-card style-3 blog-half">-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-meta">-->
<!-- <ul>-->
<!-- <li class="post-date">12 Jan 2024</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <h3 class="dz-title"><a href="blog-details.php">Radiant reflections expert dermatology and skin.</a></h3>-->
<!-- <p>It is a long established fact that a reader will be distracted by the readable content.</p>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/banner/img18.webp" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="dz-card style-3 blog-half">-->
<!-- <div class="dz-info">-->
<!-- <div class="dz-meta">-->
<!-- <ul>-->
<!-- <li class="post-date">12 Jan 2024</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <h3 class="dz-title"><a href="blog-details.php">Radiant reflections expert dermatology and skin.</a></h3>-->
<!-- <p>It is a long established fact that a reader will be distracted by the readable content.</p>-->
<!-- </div>-->
<!-- <div class="dz-media">-->
<!-- <img src="assets/images/banner/img19.webp" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<section class="content-wrapper style-18 ">
<div class="map-wrapper">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3889.2162208729856!2d79.135593!3d12.893813699999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bad39db7ff61641%3A0xfb9c457103f71462!2sDr.Madhan'S%20ECMO%20Health%20Care!5e0!3m2!1sen!2sin!4v1731924376327!5m2!1sen!2sin" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="container">
<div class="content-bx style-5 alert alert-dismissible fade show m-b60 position-absolute bottom-0" role="alert">
<div class="content-logo">
<img src="images/mapis-logo.png" alt="">
</div>
<!--<div class="content-text m-b20">-->
<!-- <h6 class="m-b5">Office Address: </h6>-->
<!-- <p class="m-b0">234 Oak Drive, Villagetown, USA</p>-->
<!--</div>-->
<div class="content-text">
<h6 class="m-b5">Working Hours: </h6>
<p class="m-b0">Mon-Sat: 10:00am-8:00pm</p>
</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 7.5L7.5 22.5" stroke="#AFAAA4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.5 7.5L22.5 22.5" stroke="#AFAAA4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-end">
<div class="col-xxl-5 col-xl-6 col-lg-7 col-md-12 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
<div class="item1">
<div class="form-wrapper style-2 bg-secondary">
<div class="form-body">
<div class="title-head">
<h2 class="form-title m-b20">Book Your Appointment</h2>
</div>
<form action="appointmentmail.php" method="POST" enctype="multipart/form-data">
<div class="dzFormMsg"></div>
<div class="row">
<!-- Name Input -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-user"></i></span>
<input name="name" type="text" class="form-control" placeholder="Your Name" required>
</div>
</div>
<!-- Email Input -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-mail"></i></span>
<input name="email" type="email" class="form-control" placeholder="Your Email" required>
</div>
</div>
<!-- Phone Number Input -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-phone"></i></span>
<input name="phone_number" type="text" class="form-control" placeholder="Phone Number" required>
</div>
</div>
<!-- Treatment Dropdown -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left position-relative">
<span class="input-group-text text-primary"><i class="fas fa-spa"></i></span>
<!-- Custom Styled Select -->
<div class="custom-dropdown">
<div id="dropdownInput" class="dropdown-input" contenteditable="false" placeholder="Select Treatment" style="margin-left:7%;color: #BCD0E5;
font-size:18px;">Select Treatment</div>
<ul id="dropdownOptions" class="dropdown-options">
<li data-value="Beauty">Beauty (Female)</li>
<li data-value="Skincare">Skincare Treatment</li>
<li data-value="Hair">Hair Treatment</li>
</ul>
</div>
<input type="hidden" name="treatment" id="selectedTreatment">
</div>
</div>
<!-- Message Input -->
<div class="col-sm-12 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="far fa-comment-dots"></i></span>
<input name="message" type="text" class="form-control" placeholder="Requirements" required>
</div>
</div>
<!-- Appointment Date -->
<div class="col-sm-6 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-calendar"></i></span>
<input name="appointment_date" type="text" class="form-control" id="datePickerOnly" placeholder="Date" required>
</div>
</div>
<!-- Appointment Time -->
<div class="col-sm-6 m-b30">
<div class="floating-underline underline-1 input-light input-icon-left">
<span class="input-group-text text-primary"><i class="feather icon-clock"></i></span>
<input name="appointment_time" type="text" class="form-control" id="timePickerOnly" placeholder="Time" required>
</div>
</div>
<!--<div class="col-sm-6" style="overflow-y:scroll; height:150px; ">-->
<!-- <h6 style="color: #ffffff; font-size:12px;">BEAUTY (Only Female)</h6>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Eyebrows" id="checkBox1">-->
<!-- <label class="form-check-label" for="checkBox1">Eyebrows</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" name="services[]" value="Facials" id="checkBox2">-->
<!-- <label class="form-check-label" for="checkBox2">Facials</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Pedicure" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Pedicure</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Manicure" id="checkBox1">-->
<!-- <label class="form-check-label" for="checkBox1">Manicure</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Cutting" id="checkBox2">-->
<!-- <label class="form-check-label" for="checkBox2">Hair Cutting</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Waxing(Honey, Raaga, Rice, Biosoft)" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Waxing(Honey, Raaga, Rice, Biosoft)</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Color" id="checkBox1">-->
<!-- <label class="form-check-label" for="checkBox1">Hair Color</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Makeup(Bridal, HD, Natural, Matte)" id="checkBox2">-->
<!-- <label class="form-check-label" for="checkBox2">Makeup(Bridal, HD, Natural, Matte)</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Rebonding" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Hair Rebonding</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Spa" id="checkBox1">-->
<!-- <label class="form-check-label" for="checkBox1">Hair Spa</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair oil Massage" id="checkBox2">-->
<!-- <label class="form-check-label" for="checkBox2">Hair oil Massage</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Dandruf Treatment" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Dandruf Treatment</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="services[]" value="Hair Botox" id="checkBox3">-->
<!-- <label class="form-check-label" for="checkBox3">Hair Botox</label>-->
<!-- </div>-->
<!--</div>-->
<!--<div class="col-sm-6 m-b30" style="overflow-y:scroll; height:150px; ">-->
<!-- <h6 style="color: #ffffff; font-size:12px;">SKIN TREATMENT (Unisex)</h6>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Medi Facial" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Medi Facial</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Hydra Facial" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Hydra Facial</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Yellow Peel" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Yellow Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Glycolic Peel" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Glycolic Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Lactic Peel" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Lactic Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Salicylic Peel" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Salicylic Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Green Peel" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Green Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Laser Hair Removal" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Laser Hair Removal</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Tattoo Removal" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Tattoo Removal</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Q-Switch" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Q-Switch</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Eye Peel" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Eye Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Lip Peel" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Lip Peel</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Skin Brightening Treatment" id="checkBox5">-->
<!-- <label class="form-check-label" for="checkBox5">Skin Brightening Treatment</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Skin/Hair PRP" id="checkBox6">-->
<!-- <label class="form-check-label" for="checkBox6">Skin/Hair PRP</label>-->
<!-- </div>-->
<!-- <div class="form-check2 m-b5">-->
<!-- <input class="form-check-input" type="checkbox" name="servicess[]" value="Fullbody Glutathione Injection" id="checkBox4">-->
<!-- <label class="form-check-label" for="checkBox4">Fullbody Glutathione Injection</label>-->
<!-- </div>-->
<!--</div>-->
<div class="col-sm-12 m-t10">
<button type="submit" name="submit" value="submit" class="btn btn-lg btn-white w-100">
<i class="feather icon-calendar m-r5"></i> Book An appointment
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="content-inner-4">
<div class="container">
<div class="swiper client-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide wow bounceIn" data-wow-delay="0.1s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo1.png" alt="">-->
<h4>SKIN/HAIR PRP</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="0.2s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo2.png" alt="">-->
<h4>HAIR BOTOX</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="0.3s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo3.png" alt="">-->
<h5>HAIR REBONDING</h5>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="0.4s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo4.png" alt="">-->
<h4>MEDI FACIAL</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="0.5s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo5.png" alt="">-->
<h4>SALICYLIC PEEL</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="0.6s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo6.png" alt="">-->
<h4>LIP PEEL</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="0.7s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo1.png" alt="">-->
<h4>WAXING</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="0.8s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo2.png" alt="">-->
<h4>MAKE UP</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="0.9s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo3.png" alt="">-->
<h4>FACIALS</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="1.0s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo4.png" alt="">-->
<h4>LACTIC PEEL</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="1.1s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo5.png" alt="">-->
<h4>HAIR COLOR</h4>
</div>
</div>
<div class="swiper-slide wow bounceIn" data-wow-delay="1.2s" data-wow-duration="0.8s">
<div class="clients-logo1">
<!--<img src="images/logo/small/logo6.png" alt="">-->
<h4>HAIR SPA</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script>
document.addEventListener("DOMContentLoaded", function () {
const dropdownInput = document.getElementById("dropdownInput");
const dropdownOptions = document.getElementById("dropdownOptions");
const selectedTreatment = document.getElementById("selectedTreatment");
// Toggle options visibility on input click
dropdownInput.addEventListener("click", () => {
dropdownOptions.style.display = dropdownOptions.style.display === "block" ? "none" : "block";
});
// Select an option and update input
dropdownOptions.addEventListener("click", (e) => {
if (e.target.tagName === "LI") {
const value = e.target.getAttribute("data-value");
dropdownInput.textContent = e.target.textContent;
selectedTreatment.value = value;
dropdownOptions.style.display = "none";
}
});
// Close dropdown if clicked outside
document.addEventListener("click", (e) => {
if (!dropdownInput.contains(e.target) && !dropdownOptions.contains(e.target)) {
dropdownOptions.style.display = "none";
}
});
});
</script>
<?php include 'footer.php'; ?>
<button class="scroltop" type="button"><i class="fas fa-arrow-up"></i></button>
</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="assets/js/global.min.js"></script>
<script src="assets/vendor/popper/popper.js"></script>
<script src="assets/vendor/tempus-dominus/js/tempus-dominus.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/imagesloaded/imagesloaded.js"></script>
<script src="assets/vendor/masonry/isotope.pkgd.min.js"></script>
<script src="assets/vendor/twentytwenty/js/jquery.event.move.js"></script>
<script src="assets/vendor/twentytwenty/js/jquery.twentytwenty.js"></script>
<script src="assets/vendor/wnumb/wNumb.js"></script>
<script src="assets/vendor/countdown/jquery.countdown.js"></script>
<script src="assets/js/dz.carousel.js"></script>
<script src="assets/js/dz.ajax.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>