<html lang="en" style="" class="js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
<title>Index</title>
<link href="/Content/bootstrap.css" rel="stylesheet">
<link href="/Content/site.css" rel="stylesheet">
<script src="/Scripts/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/Scripts/bootstrap.min.js"></script>
<script src="/Scripts/jquery.validate.min.js"></script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-2MLFLNJ7PY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-2MLFLNJ7PY');
</script>
<script>
//$(document)
// .ajaxStart(function () {
// $('#AjaxLoader').show();
// })
// .ajaxStop(function () {
// $('#AjaxLoader').hide();
// });
$(document).bind("ajaxStart.mine", function () {
$('#AjaxLoader').show();
});
$(document).bind("ajaxStop.mine", function () {
$('#AjaxLoader').hide();
});
</script>
<script>
$(document).keydown(function (event) {
if (event.keyCode == 123) {
return false;
}
else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {
return false;
}
});
$(document).on("contextmenu", function (e) {
e.preventDefault();
});
$(function () {
$(this).bind("contextmenu", function (e) {
e.preventDefault();
});
});
function disableBack() { window.history.forward() }
window.onload = disableBack();
window.onpageshow = function (evt) { if (evt.persisted) disableBack() }
document.addEventListener('keydown', function (event) {
if (event.ctrlKey) {
// Allow Ctrl+V (paste)
if (event.key === 'v' || event.key === 'V' || event.key === 'c' || event.key === 'C' || event.key === 'R' || event.key === 'r') {
return; // Do nothing, allow the event
}
// Disable all other Ctrl key combinations
event.preventDefault();
}
});
var $affectedElements = $("#text-in"); // Can be extended, ex. $("div, p, span.someClass")
// Storing the original size in a data attribute so size can be reset
$affectedElements.each(function () {
var $this = $(this);
$this.data("orig-size", $this.css("font-size"));
});
$("#btn-increase").click(function () {
changeFontSize(2);
})
$("#btn-decrease").click(function () {
changeFontSize(-2);
})
$("#btn-orig").click(function () {
$affectedElements.each(function () {
var $this = $(this);
$this.css("font-size", $this.data("orig-size"));
});
})
function changeFontSize(direction) {
$affectedElements.each(function () {
var $this = $(this);
$this.css("font-size", parseInt($this.css("font-size")) + direction);
});
}
</script>
<script src="/Scripts/modernizr-2.6.2.js"></script>
<link rel="stylesheet" href="/Content/main.css">
<link rel="stylesheet" href="https://cdn.ux4g.gov.in/accessibility-v2.21/accessibility-widget.css"></head>
<body id="text-in">
<section class="top-nav" style="zoom: 1;">
<li class="nav-item">
<button id="btn-decrease">A-</button>
<button id="btn-orig">A</button>
<button id="btn-increase">A+</button>
</section>
<div style="zoom: 1;">
<div>
<div _ngcontent-c3="" class="container-fluid">
<div class="row">
<img alt="First slide" class="w-100" src="/content/images/bannertop-new1.jpg" style="height:10%;">
</div>
</div>
</div>
</div>
<div class="container-fluid body-content" style="zoom: 1;">
<style type="text/css">
ul.dropdown-menu li a {
color: #333 !important;
font-weight: bold !important;
font-size: 14px !important;
}
.navbar-nav .open .dropdown-menu {
background-color: #e0e0e0;
}
.wel-n {
float: right;
padding: 13px 0px;
font-weight: bold;
}
.wel {
margin-left: auto;
}
/*li.dropdown-submenu.open .dropdown-menu {
left: 46%;
top: 51px;
}*/
.dropdown-submenu {
position: relative;
}
.dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
}
.navbar .dropdown-menu a {
padding: 10px 20px;
}
</style>
<script>
$(document).ready(function () {
$("#userNameHdn").empty();
var username = 'Balbir';
$('#userNameHdn').append(username);
$('.dropdown-menu a.dropdown-toggle').on('click', function (e) {
if (!$(this).next().hasClass('show')) {
$(this).parents('.dropdown-menu').first().find('.show').removeClass('show');
}
var $subMenu = $(this).next('.dropdown-menu');
$subMenu.toggleClass('show');
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
$('.dropdown-submenu .show').removeClass('show');
});
return false;
});
});
</script>
<nav class="navbar orange darken-3 navbar-expand-md">
<a aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler d-lg-none" data-target="#navbarResponsive" data-toggle="collapse" href="javascript:void(0);">
<fa-icon class="ng-fa-icon" icon="bars">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z">
</path>
</svg>
</fa-icon>
</a>
<div class="navbar-collapse collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item">
</li>
<li class="nav-item">
<a class="nav-link text-white" href="/Family" id="loginLink">Home</a>
<script async="" charset="UTF-8" src="https://chatbot.edisha.gov.in/client/webintegration/scripts/bd82c447-b2c9-4db3-b1c6-c2ba41bb0b29.js" type="text/javascript"></script>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
<ul class="dropdown-menu" aria-labelledby="dropdown1">
<li class="dropdown-item" href="#">
</li>
</ul> </li>
<li class="nav-item dropdown">
</li><li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle white-text" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Correction</a>
<ul class="dropdown-menu" aria-labelledby="dropdown1">
<li class="dropdown-item" href="#">
<a class="nav-link text-white" href="/CorrectionModule/SearchFamily" id="logoutLink12">Correction Module</a>
<li class="nav-item">
<a class="nav-link text-white" href="/CorrectionModuleStatus" id="logoutLink12">Correction Module Status</a>
<li class="nav-item">
</li>
<li class="dropdown-item" href="#">
</li>
</ul> </li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle white-text" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Verification</a>
<ul class="dropdown-menu" aria-labelledby="dropdown1">
<li class="dropdown-item" href="#">
</li>
<li class="dropdown-item" href="#">
</li>
</ul> </li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item dropdown">
</li>
<!---->
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item" href="#">
</li>
<li class="nav-item dropdown">
</li>
<li class="nav-item">
<a class="nav-link text-white" href="/Home/ChangeYourPassword" id="ChangeYourPassword">Change Password</a>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item">
</li>
<li class="nav-item dropdown">
<a class="nav-link text-white" href="/Home/Logout" id="logoutLink">Logout</a> <ul class="dropdown-menu" aria-labelledby="dropdown1">
<li class="dropdown-item" href="#">
<a class="nav-link text-white" href="/Home/Logout" id="logoutLink">Logout</a>
<li class="dropdown-item" href="#">
<a class="nav-link text-white" href="/MobileLogin/MobileLogin" id="MobileloginLink">Mobile Login</a>
</li>
<li class="dropdown-item" href="#">
<a href="/FamilyDirect?var=CitizenLogin">Citizen Login</a>
</li>
</ul>
</li>
</ul>
<div class="wel">
<div class="wel-n float-right">
<span class="text-white">Welcome:</span>
<span class="text-white" id="userNameHdn">Balbir</span> </div>
</div>
</div>
</nav>
<script>
//$(document)
// .ajaxStart(function () {
// $('#AjaxLoader').show();
// })
// .ajaxStop(function () {
// $('#AjaxLoader').hide();
// });
$(document).bind("ajaxStart.mine", function () {
$('#AjaxLoader').show();
});
$(document).bind("ajaxStop.mine", function () {
$('#AjaxLoader').hide();
});
$(document).ready(function () {
if ('53' == '10' || '53' == '53') {
var msg = 'As Government of Haryana is paying the operators for Parivar Pehchan Patra Updation/Creation,' +
'DO NOT take any payment from citizens on this.Severe action shall be taken against those charging the citizens for PPP Updation / Creation.' +
'\n\nCRID को पता चला है कि एक संदेश प्रसारित किया जा रहा है कि' +
'\n"आप सब को जानकारी दी जाती है की आप सब अपनी फैमली id दोबारा निकलवा ले क्योंकी अब सरकार की ओर से फैमली id पर QR code लगा दिया गया है अब न्यू QR code वाली फैमली id मान्य होगी और रंगीन ही निकलवाए"' +
'\n\nकृपया इस संदेश को अनदेखा करें, CRID इस संदेश की निंदा करता है और किसी प्रिंटआउट की आवश्यकता नहीं है ।' +
'\n\n CSC are requested not to forward these kind of messages.'
//alert(msg);
}
});
</script>
<style>
.card.cus-family-search {
margin: 100px auto;
text-align: center;
}
input.card-link.h2 {
background: green;
color: #fff !important;
padding: 10px 32px;
font-size: 16px;
}
input.card-link.h2.no-class {
background: #e14141;
}
</style>
<div class="col-sm-12">
<marquee>
<h3 class="text-danger">All CSE/VLEs are requested to register themselves using same email id (by which you have currently logged in ) at https://cridhry.edisha.gov.in asap for release of payments for PPP updations.</h3>
</marquee>
</div>
<div class="col-lg-4 col-md-6 col-sm-8 col-12 offset-lg-4 offset-md-3 offset-sm-2" style="height: auto; min-height: 450px;">
<div class="card cus-family-search">
<div class="card-body">
<h5 class="card-title">Do you Know Parivar Pehchan Patra(Family ID)?</h5>
<input class="card-link h2" type="button" style="color: #083F8A;" value="YES" onclick="location.href='/Family/Search'">
<input class="card-link h2 no-class" type="button" style="color: #083F8A;" value="NO" onclick="location.href='/AddNewFamily/FamilySearch'">
</div>
</div>
</div>
</div>
<footer class="page-footer font-small pt-4" style="zoom: 1;">
<div class="footer-copyright text-center py-3" style="background: rgb(0 0 0 / 80%)">
<img alt="NIC" src="/content/images/NICLogo.png" style="height: 60px;">
<img alt="Swarn Haryana" src="/content/images/Digital_India_logo.png" style="height: 60px;">
<img alt="Swachh India" src="/content/images/swachh-bharat-abhiyan-logo-vector-file.png" style="height: 60px;">
<img alt="Beti Bachao" src="/content/images/beti.png" style="height: 60px;">
<img alt="Amrit Mahotsav" src="/content/images/amrit-mahotsav.png" style="height: 60px;">
</div>
<div class="container-fluid" style="padding: 0;">
<div class="col-lg-12 col-md-12 col-sm-12 text-center cus-helpline-number" style="background: #813600 ; padding: 15px; ">
<h3 style="width: auto; margin: auto; display: inline-block;" class=""><img src="/Content/images/telephone.png" class="img-responsive" style="width: 24px; display: inline-block; margin-right: 5px;">Helpline: <span style="color:#fff; font-weight: bold;">0172-4880500</span> *9:00 AM - 6:00 PM (Monday to Saturday)</h3>
<br>
<br>
<h3 style="width: auto; margin: auto; display: inline-block;" class=""><img src="/Content/images/whatsapp.png" class="img-responsive" style="width: 24px; display: inline-block; margin-right: 5px;">: 9888633322 and E-mail: <span style="color:#fff; font-weight: bold;"> [email protected] </span> </h3>
</div>
</div>
<div class="container-fluid text-center bg-dark text-md-left footer-sec">
<div class="col-md-12 mt-4">
<h5 class="text-dark text-center">Designed And Developed By National Informatics Centre,Haryana. Content Owned by Haryana Parivar Pehchan Authority (HPPA), Government Of Haryana.</h5>
<p class="text-dark text-center">
Ⓒ <span>2023</span> <a class="transition text-dark" routerlink="/" href="#/"> PARIVAR PEHCHAN PATRA</a>
<span> All rights reserved.</span>
</p>
</div>
</div>
</footer>
<div class="loader" id="AjaxLoader" style="zoom: 1;">
<div class="strip-holder">
</div>
</div>
<script src="/Content/scripts/accessibility-widget.js" style="zoom: 1;"></script>
<div class="uwaw uw-light-theme gradient-head uwaw-initial paid_widget" id="uw-main" role="dialog" aria-modal="true" aria-labelledby="uw-heading">
<div class="relative second-panel">
<h2 id="uw-heading">Accessibility options <span class="inner-short-key">Ctrl+F2</span></h2>
<button type="button" aria-label="Close main navigation panel" class="uwaw-close" tabindex="1"></button>
</div>
<div class="uwaw-body">
<div class="h-scroll">
<div class="uwaw-features">
<div class="uwaw-featuresitem reset-feature" id="featureItem">
<button aria-label="Bigger Text" tabindex="2" id="btn-s9" class="uwaw-featuresitemi">
<span class="uwaw-featuresitemicon">
<span class="ux4g-icon icon-bigger-text" role="img" aria-label="Bigger text icon" aria-hidden="true" aria-pressed="false"></span>
</span>
<span class="uwaw-featuresitemname">Bigger Text</span>
<div class="uwaw-featuresitemsteps reset-steps" id="featureSteps">
<span class="step uwaw-featuresstep"></span>
<span class="step uwaw-featuresstep"></span>
<span class="step uwaw-featuresstep"></span>
<span class="step uwaw-featuresstep"></span>
</div>
<span class="tick-active uwaw-featuresitemenabled reset-tick" id="tickIcon" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-featuresitem reset-feature" id="featureItem-st">
<button aria-label="Smaller Text" tabindex="3" id="btn-s17" class="uwaw-featuresitemi" disabled="">
<span class="uwaw-featuresitemicon">
<span class="ux4g-icon icon-smaller-text" role="img" aria-label="Smaller text icon" aria-hidden="true" aria-pressed="false"></span>
</span>
<span class="uwaw-featuresitemname">Smaller Text</span>
<span class="tick-active uwaw-featuresitemenabled reset-tick" id="tickIconSt" aria-live="polite" role="status"></span>
</button>
</div>
<div class="uwaw-features__item reset-feature" id="featureItem-ts">
<button aria-label="Text Spacing" tabindex="4" id="btn-s13" class="uwaw-features__item__i">
<span class="uwaw-features__item__icon">
<span class="ux4g-icon icon-text-spacing" role="img" aria-label="Text spacing icon" aria-hidden="true" aria-pressed="false"></span>
</span>
<span class="uwaw-features__item__name">Text Spacing</span>
<div class="uwaw-features__item__steps reset-steps" id="featureSteps-ts">
<span class="step uwaw-features__step"></span>
<span class="step uwaw-features__step"></span>
<span class="step uwaw-features__step"></span>
</div>
<span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-ts" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-features__item reset-feature" id="featureItem-lh">
<button aria-label="Line Height" tabindex="5" id="btn-s12" class="uwaw-features__item__i">
<span class="uwaw-features__item__icon">
<span class="ux4g-icon icon-line-hight" role="img" aria-label="Line height icon" aria-hidden="true" aria-pressed="false"></span>
</span>
<span class="uwaw-features__item__name">Line Height</span>
<div class="uwaw-features__item__steps reset-steps" id="featureSteps-lh">
<span class="step uwaw-features__step"></span>
<span class="step uwaw-features__step"></span>
<span class="step uwaw-features__step"></span>
<span class="step uwaw-features__step"></span>
</div>
<span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-lh" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-features__item reset-feature" id="featureItem-df">
<button aria-label="Dyslexia Friendly Font" aria-pressed="false" tabindex="6" id="btn-df" class="uwaw-features__item__i">
<span class="uwaw-features__item__icon">
<span class="ux4g-icon icon-dyslexia-font" role="img" aria-label="Dyslexia friendly font icon" aria-hidden="true"></span>
</span>
<span class="uwaw-features__item__name">Dyslexia Friendly</span>
<span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-df" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-features__item reset-feature" id="featureItem-adhd">
<button aria-label="ADHD Mode" aria-pressed="false" tabindex="7" id="btn-adhd" class="uwaw-features__item__i">
<span class="uwaw-features__item__icon">
<span class="ux4g-icon icon-adhd-friendly" role="img" aria-label="Icon ADHD Friendly icon" aria-hidden="true"></span>
</span>
<span class="uwaw-features__item__name">ADHD Mode</span>
<span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-adhd" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<!-- Saturate Widget -->
<div class="uwaw-features__item reset-feature" id="featureItem-saturate">
<button aria-label="Saturate Colors" aria-pressed="false" tabindex="8" id="btn-saturate" class="uwaw-features__item__i">
<span class="uwaw-features__item__icon">
<span class="ux4g-icon icon-saturate" role="img" aria-label="Saturate icon" aria-hidden="true" id="saturate-text-0"></span>
<span class="ux4g-icon icon-lowsaturate" role="img" aria-label="Low Saturate icon" aria-hidden="true" id="saturate-text-1" style="display: none;"></span>
<span class="ux4g-icon icon-highsaturate" role="img" aria-label="High Saturate colors icon" aria-hidden="true" id="saturate-text-2" style="display: none;"></span>
<span class="ux4g-icon icon-desaturate" role="img" aria-label="Desaturate icon" aria-hidden="true" id="saturate-text-3" style="display: none;"></span>
</span>
<div id="feature-container">
<span class="uwaw-features__item__name saturate-text" id="saturate-detail-text-0">Saturation</span>
<span class="uwaw-features__item__name saturate-text" id="saturate-detail-text-1" style="display: none;">Low Saturation</span>
<span class="uwaw-features__item__name saturate-text" id="saturate-detail-text-2" style="display: none;">High Saturation</span>
<span class="uwaw-features__item__name saturate-text" id="saturate-detail-text-3" style="display: none;">Desaturate</span>
</div>
<div class="uwaw-features__item__steps reset-steps" id="featureStepsSaturate">
<span class="step uwaw-features__step"></span>
<span class="step uwaw-features__step"></span>
<span class="step uwaw-features__step"></span>
</div>
<span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-saturate" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-featuresitem reset-feature" id="featureItem-ht-dark">
<button aria-label="Light Dark Theme" aria-pressed="false" tabindex="9" id="dark-btn" class="uwaw-featuresitemi">
<div class="uwaw-featuresitem__name">
<div class="light_dark_icon">
<input type="checkbox" class="light_mode uwaw-featugresitemi" id="checkbox" aria-label="Toggle light and dark mode" role="switch">
<label for="checkbox" class="checkbox-label">
<i class="fas fa-moon-stars">
<span class="ux4g-icon icon-moon" role="img" aria-label="Dark mode icon" aria-hidden="true"></span>
<i class="fas fa-sun">
<span class="ux4g-icon icon-sun" role="img" aria-label="Light mode icon" aria-hidden="true"></span>
<span class="ball"></span>
</label>
</div>
<span class="uwaw-featuresitemname">Light-Dark</span>
</div>
<span class="tick-active uwaw-featuresitemenabled reset-tick" id="tickIcon-ht-dark" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<!-- Invert Colors Widget -->
<div class="uwaw-featuresitem reset-feature" id="featureItem-ic">
<button aria-label="Invert Colors" aria-pressed="false" tabindex="10" id="btn-invert" class="uwaw-featuresitemi">
<span class="uwaw-featuresitemicon">
<span class="ux4g-icon icon-invert" role="img" aria-label="Invert colors icon" aria-hidden="true"></span>
</span>
<span class="uwaw-featuresitemname">Invert Colors</span>
<span class="tick-active uwaw-featuresitemenabled reset-tick" id="tickIcon-ic" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-featuresitem reset-feature" id="featureItem-ht">
<button aria-pressed="false" aria-label="Highlight Links" tabindex="11" id="btn-s10" class="uwaw-featuresitemi">
<span class="uwaw-featuresitemicon">
<span class="ux4g-icon icon-highlight-links" role="img" aria-label="Highlight links icon" aria-hidden="true"></span>
</span>
<span class="uwaw-featuresitemname">Highlight Links</span>
<span class="tick-active uwaw-featuresitemenabled reset-tick" id="tickIcon-ht" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-features__item reset-feature" id="featureItem_sp">
<button aria-label="Text To Speech" tabindex="12" id="speak" class="uwaw-features__item__i">
<span class="uwaw-features__item__icon">
<span class="ux4g-icon icon-speaker" role="img" aria-label="Text to speech icon" aria-hidden="true" aria-pressed="false"></span>
</span>
<span class="uwaw-features__item__name">Text To Speech</span>
<span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon_sp" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-features__item reset-feature" id="featureItem-Cursor">
<button aria-label="Cursor Bigger" aria-pressed="false" tabindex="13" id="btn-cursor" class="uwaw-features__item__i">
<span class="uwaw-features__item__icon">
<span class="ux4g-icon icon-cursor" role="img" aria-label="Cursor bigger icon" aria-hidden="true"></span>
</span>
<span class="uwaw-features__item__name">Cursor</span>
<span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-cursor" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-features__item reset-feature" id="featureItem-animate">
<button aria-label="Pause Animation" aria-pressed="false" tabindex="14" id="btn-animation" class="uwaw-features__item__i">
<span class="uwaw-features__item__icon">
<span class="ux4g-icon icon-animation-pause" role="img" aria-label="Pause Animation icon" aria-hidden="true"></span>
</span>
<span class="uwaw-features__item__name">Pause Animation</span>
<span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-animate" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
<div class="uwaw-features__item reset-feature" id="featureItem-hi">
<button aria-label="Hide Images" aria-pressed="false" tabindex="15" id="btn-s11" class="uwaw-features__item__i">
<span class="uwaw-features__item__icon">
<span class="ux4g-icon icon-hide-images" role="img" aria-label="Hide images icon" aria-hidden="true"></span>
</span>
<span class="uwaw-features__item__name">Hide Images</span>
<span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-hi" aria-live="polite" role="status" style="display: none;"></span>
</button>
</div>
</div>
</div>
<!-- Reset Button -->
</div>
<div class="reset-panel">
<!-- copyright accessibility bar -->
<div class="copyrights-accessibility">
<button aria-label="Reset All Settings" tabindex="16" class="btn-reset-all" id="reset-all">
<div class="reset-icon"></div>
<div class="reset-btn-text">Reset All Settings</div>
</button>
<a tabindex="-1" href="https://www.ux4g.gov.in" target="_blank" class="copyright-text" contenteditable="false" style="cursor: pointer;">
<span class="uwaw-features__item__name ux4g-copy ux4g-copyright">Created by</span>
<span class="ux4g-logo"></span>
</a>
</div>
</div>
</div>
<button tabindex="1" aria-label="Accessibility Options" data-uw-trigger="true" aria-haspopup="dialog" aria-controls="uw-main" aria-expanded="false" id="uw-widget-custom-trigger" class="uw-widget-custom-trigger" style="zoom: 1;">
<label class="short-key">Ctrl+F2</label>
<img alt="icon" loading="lazy" src="data:image/svg+xml,%0A%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_1506)' fill='%23fff'%3E%3Cpath d='M16 7a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7z'/%3E%3Cpath d='M27 7.05l-.028.008-.026.008a7.112 7.112 0 0 0-.188.055c-1.163.341-6.808 1.933-10.785 1.933-3.696 0-8.83-1.375-10.472-1.842A4.61 4.61 0 0 0 5 7.05c-1.188-.313-2 .893-2 1.996 0 1.092.98 1.612 1.972 1.985v.017l5.95 1.86c.609.232.771.47.85.677.259.662.053 1.972-.02 2.43l-.363 2.812L9.378 29.84l-.017.092-.014.08c-.145 1.009.596 1.988 2 1.988 1.225 0 1.766-.846 2-1.996.234-1.15 1.75-9.848 2.625-9.848s2.677 9.848 2.677 9.848c.235 1.15.775 1.996 2 1.996 1.408 0 2.15-.984 2-1.996a3.591 3.591 0 0 0-.047-.254l-2.04-10.92-.361-2.813c-.262-1.638-.052-2.18.02-2.306a.07.07 0 0 0 .005-.01c.067-.125.375-.405 1.092-.674l5.58-1.95c.034-.01.068-.02.101-.033 1-.375 2-.894 2-1.996 0-1.102-.811-2.31-1.999-1.998z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_1506'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E">
<span>Accessibility Options</span>
</button><div class="reading-mask-horizontal mask-hidden" style="zoom: 1; --y: 124px;"></div></body></html> | 