| Current File : /home/quantums/alhidayamaintenance.com/wp-content/themes/eyecraftersny-child/page-treatments.php |
<?php
/**
* The template name:treatments page
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
*
* @package WordPress
* @subpackage Twenty_Twenty_One
* @since Twenty Twenty-One 1.0
*/
get_header();
?>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<section class="behabanner">
<div class="container-fluid px-0">
<div class="row align-items-center">
<div class="col-sm-3">
<div class="behatext ps-sm-5">
<div class="img-box">
<img src="https://eyecraftersny.com/wp-content/uploads/2023/03/optilight-icon.png" alt="optilight-image" class="img-fluid w-50 mb-3">
<h2 class="nwttl text-dark">A BRIGHT <br> SOLUTION <br> FOR DRY <br> EYES</h2>
<p class="fs-5 lh-base">Introducing the first and only <br> light therapy for dry eyes</p>
</div>
</div>
</div>
<div class="col-md-9">
<iframe width="100%" height="622" src="https://www.youtube.com/embed/a9E5ym8z6vA" title="OptiLight by Lumenis: A Real Solution for Dry Eyes" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" muted allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section class="fivebox ttmnt py-5" style="background: url(https://eyecraftersny.com/wp-content/uploads/2023/03/optilight-elevating-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat;">
<div class="container">
<div class="row row-cols-md-3 row-cols-sm-2 row-cols-1 justify-content-center gy-sm-4 bg-light p-sm-5">
<div class="col-lg-12 text-center mb-5">
<h3 class="text-danger">What can I expect from the</h3>
<h2>OptiLight TREATMENT?</h2>
</div>
<div class="col">
<div class="card p-3 text-center border-0 shadow rounded-0 h-100">
<div class="img-area">
<img src="https://eyecraftersny.com/wp-content/uploads/2023/03/icon_clock.png" alt="fimage" class="tmtcon">
</div>
<div class="card-body text-center">
<p class="text-dark">4 sessions, spaced 2-4 weeks apart. Each session usually takes only 10-15 minutes.</p>
</div>
</div>
</div>
<div class="col">
<div class="card p-3 text-center border-0 shadow rounded-0 h-100">
<div class="img-area">
<img src="https://eyecraftersny.com/wp-content/uploads/2023/03/icon_eye.png" alt="fimage" class="tmtcon">
</div>
<div class="card-body text-center">
<p class="text-dark">OptiLight is applied on the skin below the eyes and is non-invasive.</p>
</div>
</div>
</div>
<div class="col">
<div class="card p-3 text-center border-0 shadow rounded-0 h-100">
<div class="img-area">
<img src="https://eyecraftersny.com/wp-content/uploads/2023/03/icon_cover.png" alt="fimage" class="tmtcon">
</div>
<div class="card-body text-center">
<p class="text-dark">During treatment, your practitioner will cover your eyes with shields and apply a thin layer of coupling gel on the treatment area.</p>
</div>
</div>
</div>
<div class="col">
<div class="card p-3 text-center border-0 shadow rounded-0 h-100">
<div class="img-area">
<img src="https://eyecraftersny.com/wp-content/uploads/2023/03/icon_sens.png" alt="fimage" class="tmtcon">
</div>
<div class="card-body text-center">
<p class="text-dark">You may experience a warm sensation as light is applied to the skin. The treatment is gentle with minimal discomfort.</p>
</div>
</div>
</div>
<div class="col">
<div class="card p-3 text-center border-0 shadow rounded-0 h-100">
<div class="img-area">
<img src="https://eyecraftersny.com/wp-content/uploads/2023/03/active_icon.png" alt="fimage" class="tmtcon">
</div>
<div class="card-body text-center">
<p class="text-dark">You can return to your daily activities and apply makeup straight away in most cases.</p>
</div>
</div>
</div>
<div class="col">
<div class="card p-3 text-center border-0 shadow rounded-0 h-100">
<div class="img-area">
<img src="https://eyecraftersny.com/wp-content/uploads/2023/03/report_icon.png" alt="fimage" class="tmtcon">
</div>
<div class="card-body text-center">
<p class="text-dark">Patients usually report an improvement after the 2nd or 3rd session.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="evalutt py-5">
<div class="container-fluid">
<div class="row align-items-center" id="step2" style="display:none">
<div class="col-sm-12 px-sm-5">
<div class="clinicstep text-center">
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/faq_img.png" alt="">
<p>Your self evaluation suggests that you may be suffering from dry eyes. Find a doctor near you for further consultation and advice on the best treatment suitable for you.</p>
<p>This evaluation does not consist of a medical diagnosis and is for personal evaluation only. For diagnose- attend to a physician. The above evaluation doesn’t necessarily imply that you are a suitable candidate for OptiLight. Please consult with a physician.</p>
<div class="btn">
<a href="#">Find a Doctor</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center" id="step1">
<div class="col-sm-3 px-sm-5">
<div class="clinictext">
<h2 class="">EVALUATE <br> YOURSELF</h2>
<h5>do you suffer from signs of dry eye?</h5>
</div>
</div>
<div class="col-sm-9 bg-red">
<form id="faqform">
<div class="d-flex align-items-start evatab">
<div class="nav flex-column nav-pills me-3 align-items-center" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active bg-light rounded-circle fs-4 text-danger" id="v-pills-one-tab" data-bs-toggle="pill" data-bs-target="#v-pills-one">1</a>
<a class="nav-link bg-light rounded-circle fs-4 text-danger" id="v-pills-two-tab" data-bs-toggle="pill" data-bs-target="#v-pills-two">2</a>
<a class="nav-link bg-light rounded-circle fs-4 text-danger" id="v-pills-three-tab" data-bs-toggle="pill" data-bs-target="#v-pills-three">3</a>
<a class="nav-link bg-light rounded-circle fs-4 text-danger" id="v-pills-four-tab" data-bs-toggle="pill" data-bs-target="#v-pills-four">4</a>
<a class="nav-link bg-light rounded-circle fs-4 text-danger" id="v-pills-five-tab" data-bs-toggle="pill" data-bs-target="#v-pills-five">5</a>
</div>
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-one" role="tabpanel" aria-labelledby="v-pills-one-tab" tabindex="0">
<div class="freqtbox p-5">
<h2 class="text-white mb-4">How frequently do you suffer from <br> burning, itching or gritty eyes?</h2>
<input type="hidden" name="faq_first" value="How frequently do you suffer from burning, itching or gritty eyes?" />
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_first_ans" value="Rarely" id="flexRadioDefault1">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault1">
Rarely
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_first_ans" value="Once a week or less" id="flexRadioDefault2" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault2">
Once a week or less
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_first_ans" value="Several times a week" id="flexRadioDefault3" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault3">
Several times a week
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_first_ans" value="Every day" id="flexRadioDefault4">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault4">
Every day
</label>
</div>
<button type="button" name="next" data-check="faq_first_ans" data-prevtarget="v-pills-one" data-prevatarget="v-pills-one-tab" data-target="v-pills-two" data-atarget="v-pills-two-tab" class="btn btn-dark nxtbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto mt-5 rounded-pill">Next</button>
</div>
</div>
<div class="tab-pane fade" id="v-pills-two" role="tabpanel" aria-labelledby="v-pills-two-tab" tabindex="0">
<div class="freqtbox p-5">
<h2 class="text-white mb-4">How frequently do you suffer from <br> red, teary or painful eyes?</h2>
<input type="hidden" name="faq_second" value="How frequently do you suffer from burning, itching or gritty eyes?" />
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_second_ans" value="Rarely" id="flexRadioDefault5">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault5">
Rarely
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_second_ans" value="Once a week or less" id="flexRadioDefault6">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault6">
Once a week or less
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_second_ans" value="Several times a week" id="flexRadioDefault7">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault7">
Several times a week
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_second_ans" value="Every day" id="flexRadioDefault8" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault8">
All the time
</label>
</div>
<button type="button" data-check="faq_second_ans" data-prevtarget="v-pills-two" data-prevatarget="v-pills-two-tab" data-target="v-pills-three" data-atarget="v-pills-three-tab" class="btn btn-dark nxtbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto mt-5 rounded-pill">Next</button>
</div>
</div>
<div class="tab-pane fade" id="v-pills-three" role="tabpanel" aria-labelledby="v-pills-three-tab" tabindex="0">
<div class="freqtbox p-5">
<h2 class="text-white mb-4">How often do you suffer from tired <br> eyes, unstable/blurry vision or light <br> sensitivity?</h2>
<input type="hidden" name="faq_three" value="How frequently do you suffer from burning, itching or gritty eyes?" />
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_three_ans" value="Rarely" id="flexRadioDefault9">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault9">
Rarely
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_three_ans" value="Rarely" id="flexRadioDefault10">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault10">
Once a week or less
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_three_ans" value="Rarely" id="flexRadioDefault11" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault11">
Several times a week
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_three_ans" value="Rarely" id="flexRadioDefault12" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault12">
All the time
</label>
</div>
<button type="button" data-check="faq_three_ans" data-prevtarget="v-pills-three" data-prevatarget="v-pills-three-tab" data-target="v-pills-four" data-atarget="v-pills-four-tab" class="btn btn-dark nxtbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto mt-5 rounded-pill">Next</button>
</div>
</div>
<div class="tab-pane fade" id="v-pills-four" role="tabpanel" aria-labelledby="v-pills-four-tab" tabindex="0">
<div class="freqtbox p-5">
<h2 class="text-white mb-4">Does your eye situation limit you?</h2>
<input type="hidden" name="faq_four" value="How frequently do you suffer from burning, itching or gritty eyes?" />
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_four_ans" value="Rarely" id="flexRadioDefault13">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault13">
No
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_four_ans" value="Once a week or less" id="flexRadioDefault14">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault14">
Yes, for specific activities (e.g., reading, driving at night, <br> watching TV, on a computer/smartphone/tablet)
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_four_ans" value="Several times a week" id="flexRadioDefault15">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault15">
Yes, for most activities
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_four_ans" value=" Every day" id="flexRadioDefault16">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault16">
Yes, all the time
</label>
</div>
<button type="button" data-check="faq_four_ans" data-prevtarget="v-pills-four" data-prevatarget="v-pills-four-tab" data-target="v-pills-five" data-atarget="v-pills-five-tab" class="btn btn-dark nxtbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto mt-5 rounded-pill">Next</button>
</div>
</div>
<div class="tab-pane fade" id="v-pills-five" role="tabpanel" aria-labelledby="v-pills-settings-tab" tabindex="0">
<div class="freqtbox p-5">
<h2 class="text-white mb-4">How often do you use artificial tears?</h2>
<input type="hidden" name="faq_five" value="How frequently do you suffer from burning, itching or gritty eyes?" />
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_five_ans" value="Rarely" id="flexRadioDefault17">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault17">
Never
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_five_ans" value="Once a week or less" id="flexRadioDefault18" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault18">
Depends on the weather
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_five_ans" value="Several times a week" id="flexRadioDefault19" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault19">
Several times a week
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="faq_five_ans" value="Every day" id="flexRadioDefault20" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault20">
Every day
</label>
</div>
<button type="button" data-check="faq_five_ans" data-prev='step1' data-next='step2' id="finishbtn" class="btn btn-dark finishbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto mt-5 rounded-pill">Finish</button>
</div>
</div>
</div>
</div>
</form>
<!-- <form id="msform">
<ul id="progressbar">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="field-group">
<fieldset>
<h2 class="text-white mb-4">How frequently do you suffer from burning, itching or gritty eyes?</h2>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_first" id="flexRadioDefault1">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault1">
Rarely
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_first" id="flexRadioDefault2" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault2">
Once a week or less
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_first" id="flexRadioDefault3" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault3">
Several times a week
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_first" id="flexRadioDefault4" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault4">
Every day
</label>
</div>
<input type="button" data-name="faq_first" name="next" class="next action-button btn btn-dark nxtbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto rounded-pill" value="Next" />
</fieldset>
<fieldset>
<h2 class="text-white mb-4">How frequently do you suffer from burning, itching or gritty eyes?</h2>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_second" id="flexRadioDefault1">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault1">
Rarely
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_second" id="flexRadioDefault2" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault2">
Once a week or less
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_second" id="flexRadioDefault3" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault3">
Several times a week
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_second" id="flexRadioDefault4" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault4">
Every day
</label>
</div>
<input type="button" data-name="faq_second" name="next" class="next action-button btn btn-dark nxtbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto rounded-pill" value="Next" />
</fieldset>
<fieldset>
<h2 class="text-white mb-4">How frequently do you suffer from burning, itching or gritty eyes?</h2>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_third" id="flexRadioDefault1">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault1">
Rarely
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_third" id="flexRadioDefault2" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault2">
Once a week or less
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_third" id="flexRadioDefault3" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault3">
Several times a week
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_third" id="flexRadioDefault4" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault4">
Every day
</label>
</div>
<input type="button" data-name="faq_third" name="next" class="next action-button btn btn-dark nxtbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto rounded-pill" value="Next" />
</fieldset>
<fieldset>
<h2 class="text-white mb-4">How frequently do you suffer from burning, itching or gritty eyes?</h2>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_fourth" id="flexRadioDefault1">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault1">
Rarely
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_fourth" id="flexRadioDefault2" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault2">
Once a week or less
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_fourth" id="flexRadioDefault3" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault3">
Several times a week
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="faq_fourth" id="flexRadioDefault4" >
<label class="form-check-label fw-bold text-white" for="flexRadioDefault4">
Every day
</label>
</div>
<input type="submit" data-name="faq_fourth" name="submit" class="submit action-button btn btn-dark nxtbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto rounded-pill" value="Submit" />
</fieldset>
<fieldset>
<h2 class="text-white mb-4">How frequently do you suffer from burning, itching or gritty eyes?</h2>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label fw-bold text-white" for="flexRadioDefault1">
Rarely
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
<label class="form-check-label fw-bold text-white" for="flexRadioDefault2">
Once a week or less
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="flexRadioDefault" id="flexRadioDefault3" checked>
<label class="form-check-label fw-bold text-white" for="flexRadioDefault3">
Several times a week
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" class="border-0" type="radio" name="flexRadioDefault" id="flexRadioDefault4" checked>
<label class="form-check-label fw-bold text-white" for="flexRadioDefault4">
Every day
</label>
</div>
<input type="submit" name="submit" class="submit action-button btn btn-dark nxtbtn fs-5 py-1 px-4 rounded-0 d-table ms-auto rounded-pill" value="Submit" />
</fieldset>
</div>
</form> -->
</div>
</div>
</div>
</section>
<section class="fqss space" style="background: url(https://eyecraftersny.com/wp-content/uploads/2023/03/optilight-elevating-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat;">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="card bg-light border-0 p-sm-5 p-3">
<h2 class="text-danger mb-4 text-center">FAQs</h2>
<div class="tabgroup">
<div class="accordion" id="accordionExample">
<div class="accordion-item border-0 border-bottom border-danger bg-transparent rounded-0">
<h2 class="accordion-header border-0" id="headingOne">
<button class="accordion-button text-danger border-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What is OptiLight?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body bg-transparent">
<p>OptiLight is a light-based treatment that uses precise, intense broad spectrum light to address signs of dry eye disease due to meibomian gland dysfunction (MGD). MGD is the most common cause of dry eye disease, accounting for about 86% of cases. The treatment addresses inflammation, which is one of the key underlying factors in MGD. OptiLight was specifically developed to reach the delicate contours of the treated area safely, effectively, and gently using the OPT™ technology. It is intended for use in patients who are at least 22 years old, together with other available treatments, such as Meibomian gland expression, artificial tear lubricants, and warm compresses</p>
</div>
</div>
</div>
<div class="accordion-item border-0 border-bottom border-danger bg-transparent rounded-0">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button text-danger border-0 bg-transparent collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
What is the OPT™ technology?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Lumenis’ patented technology OPT™ (Optimal Pulse Technology) transforms the use of light and allows targeted, uniform, precise, and controlled treatment. Specifically designed for the delicate area below the eye, OPT™ safely and effectively breaks the vicious cycle of inflammation associated with dry eye.</p>
</div>
</div>
</div>
<div class="accordion-item border-0 border-bottom border-danger bg-transparent rounded-0">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button text-danger border-0 bg-transparent collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
How does OptiLight work?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>OptiLight is a multi-factorial treatment for a multi-factorial disease. It addresses the disease by reducing major sources of inflammation leading to dry eye disease such as abnormal blood vessels, Demodex mites, and pro-inflammatory agents. OptiLight restores the function of meibomian glands and delays evaporation of the tear film.</p>
</div>
</div>
</div>
<div class="accordion-item border-0 border-bottom border-danger bg-transparent rounded-0">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button text-danger border-0 bg-transparent collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
What does treatment with OptiLight involve?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Treatment protocol typically consists of 4 sessions, at 2 to 4 weeks apart:</p>
<ul>
<li>During treatment, your practitioner will cover your eyes with shields and apply a thin layer of coupling gel on the treatment area.</li>
<li>During treatment, light is applied on the skin below the eyes, most patients report minimal discomfort.</li>
<li>OptiLight is followed by meibomian gland expression.</li>
<li>Each session takes only 10-15 minutes. There is no downtime, you can resume your daily activities immediately.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item border-0 border-bottom border-danger bg-transparent rounded-0">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button text-danger border-0 bg-transparent collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
When should I expect an improvement?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Patients typically report improvement after 2 to 3 treatments. For optimal results, 4 sessions are advised. To ensure long-term results, a maintenance session is recommended every 6-12 months.</p>
</div>
</div>
</div>
<div class="accordion-item border-0 border-bottom border-danger bg-transparent rounded-0">
<h2 class="accordion-header" id="headingSix">
<button class="accordion-button text-danger border-0 bg-transparent collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
What should I expect after treatment?
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>You may experience some redness immediately following treatment. This will usually disappear within a few hours. You can return to your daily activities and apply makeup straight away in most cases. You will be advised to stay out of direct sunlight for a few days and to apply sunscreen.</p>
</div>
</div>
</div>
<div class="accordion-item border-0 border-bottom border-danger bg-transparent rounded-0">
<h2 class="accordion-header" id="headingSeven">
<button class="accordion-button text-danger border-0 bg-transparent collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
What are the potential risks and side effects?
</button>
</h2>
<div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Potential risks and side effects of using optiLight on your skin may include pain/ discomfort, damage to natural skin texture, change of pigmentation, scaring, excessive edema, fragile skin, bruising, burns, pruritus and xerosis. You should consult with your physician about these risks and whether treatment with Optilight is suitable for you.</p>
</div>
</div>
</div>
<div class="accordion-item border-0 border-bottom border-danger bg-transparent rounded-0">
<h2 class="accordion-header" id="headingEight">
<button class="accordion-button text-danger border-0 bg-transparent collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
Is OptiLight treatment suitable for everyone?
</button>
</h2>
<div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="headingEight" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Treatment with OptiLight is contraindicated for patients with the following conditions in the treatment area: Ocular surgery or eyelid surgery or Neuro-paralysis within 6 months prior to the first treatment; Uncontrolled eye disorders affecting the ocular surface; Pre-cancerous lesions, skin cancer or pigmented lesions in the planned treatment area; Uncontrolled infections or uncontrolled immunosuppressive diseases; Recent Ocular infections; Prior history of cold sores or rashes in the perioral area, including: Herpes simplex 1 & 2, Systemic Lupus erythematosus and porphyria; Use of photosensitive medication and/or herbs that may cause sensitivity within 3 months prior to the first IPL session; Recent radiation therapy to the head or neck or planned radiation therapy; Recent treatment with a chemotherapeutic agent or planned chemotherapy; History of migraines, seizures or epilepsy.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="optvdo space">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-3">
<h2>THE OptiLight <br> TREATMENT</h2>
</div>
<div class="col-sm-9">
<iframe width="100%" height="477" src="https://www.youtube.com/embed/C8WwjkzQgKk" title="Find a doctor in your area today!" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<?php
get_footer();
?>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script>
//jQuery time
var current_fs, next_fs, previous_fs; //fieldsets
var left, opacity, scale; //fieldset properties which we will animate
var animating; //flag to prevent quick multi-click glitches
$(".nxtbtn").click(function(){
// current_fs = $(this).parent().parent();
// next_fs = $(this).parent().parent().next();
// console.log(current_fs);
var target=$(this).attr('data-target');
var atarget=$(this).attr('data-atarget');
var prevtarget=$(this).attr('data-prevtarget');
var prevatarget=$(this).attr('data-prevatarget');
var checkdetail=$(this).attr('data-check');
if(!$("input[name='"+checkdetail+"']").is(':checked')) {
return false;
}
$('#'+atarget).addClass('active');
$('#'+target).addClass('show active');
$('#'+prevatarget).removeClass('active');
$('#'+prevtarget).removeClass('show active');
});
$("#finishbtn").click(function(){
var prev=$(this).attr('data-prev');
var next=$(this).attr('data-next');
var checkdetail=$(this).attr('data-check');
if(!$("input[name='"+checkdetail+"']").is(':checked')) {
return false;
}
var formData = {
faq_first: $("input[name='faq_first']").val(),
faq_first_ans: $("input[name='faq_first_ans']:checked").val(),
faq_second: $("input[name='faq_second']").val(),
faq_second_ans: $("input[name='faq_second_ans']:checked").val(),
faq_three: $("input[name='faq_three']").val(),
faq_three_ans: $("input[name='faq_three_ans']:checked").val(),
faq_four: $("input[name='faq_four']").val(),
faq_four_ans: $("input[name='faq_four_ans']:checked").val(),
faq_five: $("input[name='faq_five']").val(),
faq_five_ans: $("input[name='faq_five_ans']:checked").val()
};
$.ajax({
type : "POST",
url : "<?php echo admin_url( 'admin-ajax.php' ); ?>",
data : {
action: "faq_actions",
faqForm: formData
},
success: function(response) {
console.log(response);
$('#'+prev).hide();
$('#'+next).show();
}
});
});
$(".next").click(function(){
if(animating) return false;
animating = true;
current_fs = $(this).parent();
next_fs = $(this).parent().next();
console.log(current_fs);
console.log($(current_fs).attr('data-name'));
//activate next step on progressbar using the index of next_fs
$("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({opacity: 0}, {
step: function(now, mx) {
//as the opacity of current_fs reduces to 0 - stored in "now"
//1. scale current_fs down to 80%
scale = 1 - (1 - now) * 0.2;
//2. bring next_fs from the right(50%)
left = (now * 10)+"%";
//3. increase opacity of next_fs to 1 as it moves in
opacity = 1 - now;
current_fs.css({
'position': 'absolute'
});
next_fs.css({'left': '0px', 'opacity': opacity});
},
duration: 800,
complete: function(){
current_fs.hide();
animating = false;
},
//this comes from the custom easing plugin
easing: 'easeInOutBack'
});
});
$(".submit").click(function(){
return false;
})
</script>