/*!
* UX4G Accessibility v2.22.0 (https://doc.ux4g.gov.in/)
* Copyright 2025 The UX4G Authors(Vipul Agarwal, Ershad Alam)
* Copyright 2025 NeGD, MeitY.
* Licensed under MIT. 
*/
@font-face {
  font-family: 'Open-Dyslexic';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.ux4g.gov.in/fonts/open-dyslexic.woff') format('woff');
}
:root {
  --color-black: #000;
  --color-black3: #161519;
  --color-black4: #212121;
  --color-white: #fff;
  --color-dark-blue-1: #613AF5;
}



.uw-widget-custom-trigger {
  border: none;
  border-radius: 70px;
  bottom: 24px;
  cursor: pointer;
  height: 70px;
  padding: 18px;
  position: fixed;
  right: 20px;
  display: flex;
  overflow: hidden;
  align-items: center;
  width: auto;
  max-width: 70px;
  transition: all 400ms;
  color: var(--color-white);
  background-color: var(--color-dark-blue-1);
  text-align: left;
  z-index: 99999;
  cursor: pointer;
  box-shadow: 0px 13px 14px -6px rgba(0, 0, 0, 0.35);
}

.uw-widget-custom-trigger img {
  width: 25px;
  height: 25px;
  margin-left: 5px;
  margin-top: -10px;
}

.uw-widget-custom-trigger:hover {
  max-width: 300px;
}

.uw-widget-custom-trigger:hover span {
  opacity: 1;
}

.uw-widget-custom-trigger span {
  white-space: nowrap;
  padding-left: 5px;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  opacity: 0;
}



.uwaw-features__item__i {
  position: relative;
  width: 100%;
  height: 90px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(--color-white);
  border-radius: 12px;
  border: 2px solid var(--color-white);
  padding: 5px;
  transition: border-color .15s ease;
}

.uwaw-features__item__icon {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  /* margin-top: 17px; */
}

.uwaw-features__item__name {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-black4);
}

.ux4g-accessibility-feature-active {
  /* Add styles for the active state of the parent div */
  position: relative;
}

/* active icon */
.ux4g-accessibility-feature-active .uwaw-features__item__icon svg,
.ux4g-accessibility-feature-active .uwaw-features__item__name,
.ux4g-accessibility-feature-active .light_dark_icon i {
  color: var(--color-dark-blue-1);
}

.ux4g-accessibility-feature-active .icon-bigger-text,
.ux4g-accessibility-feature-active .icon-small-text,
.ux4g-accessibility-feature-active .icon-line-hight,
.ux4g-accessibility-feature-active .icon-ux4g-accessibility-hide-images,
.ux4g-accessibility-feature-active .icon-dyslexia-font,
.ux4g-accessibility-feature-active .icon-cursor,
.ux4g-accessibility-feature-active .icon-ux4g-accessibility-highlight-links,
.ux4g-accessibility-feature-active .icon-text-spacing,
.ux4g-accessibility-feature-active .icon-moon,
.ux4g-accessibility-feature-active .icon-sun,
.ux4g-accessibility-feature-active .icon-invert,
.ux4g-accessibility-feature-active .icon-speaker,
.ux4g-accessibility-feature-active .icon-adhd-friendly,
.ux4g-accessibility-feature-active .icon-lowsaturate,
.ux4g-accessibility-feature-active .icon-highsaturate,
.ux4g-accessibility-feature-active .icon-desaturate,
.ux4g-accessibility-feature-active .icon-hide-images,
.ux4g-accessibility-feature-active .icon-highlight-links,
.ux4g-accessibility-feature-active .icon-animation-pause {
  background-color: var(--color-dark-blue-1);
}

/* disabled btn */
#btn-small-text:disabled .icon-small-text,
#btn-s9:disabled .icon-bigger-text {
  background-color: rgba(16, 16, 16, 0.3);
}

.uwaw #btn-small-text:disabled,
.uwaw #btn-s9:disabled {
  border: transparent;
}

.ux4g-accessibility-feature-active .uwaw-features__item__i {
  border: 2px solid var(--color-dark-blue-1);
  box-shadow: 0 0 0 5px rgba(0, 107, 230, 0.1);

}

.uwaw-features__item__steps span {
  /* Add styles for the step span tags */
  margin: 0 5px;
  cursor: pointer;
}

.uwaw .tick-active {
  background-color: var(--color-dark-blue-1);
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.uwaw .tick-active svg {
  font-size: 12px;
  width: 12px;
}

.uwaw-features__item__enabled {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' width='100%25' height='100%25'%3E%3Cpath fill='' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m1.5 4.5 2 2 5-5'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;

}

.uwaw-features__item__steps {
  display: flex;
  width: 75%;
  opacity: 0;
  transition: opacity .15s ease, visibility .15s ease;
  visibility: hidden;
  position: absolute;
  bottom: 6px;
}

.uwaw-features__item__steps.ux4g-accessibility-featureSteps-visible {
  opacity: 1;
  visibility: visible;
}

.uwaw-features__step {
  width: 100%;
  border-radius: 10px;
  display: block;
  height: 3px;
  position: relative;
  background: #1937B247;
}

.uwaw-features__step.ux4g-accessibility-active {
  background: var(--color-dark-blue-1);

}


/* Full-width textarea */
/* Set a style for the submit/send button */
.uwaw-features__item__name .btn,
.chat-container .btn {
  background-color: #e1e1e1;
  color: white;
  font-size: 22px;
  padding: 10px 20px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  float: right;
}

/* Add a red background color to the cancel button */
.chat-container .cancel {
  background-color: #a066cc;
  position: absolute;
  top: -15px;
  right: -9px;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 12px;
  border: solid 3px
}

.chat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 15px;
}

.chat-grid .chat-card {
  border-radius: 10px;
  background: var(--color-white);
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px var(--color-white);
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.chat-grid .chat-card:focus {
  border-color: #eea40cc4;
}

/* text speech */
#readSelectedText {
  position: absolute;
  display: none;
  margin-top: -20px;
}

/* hide image */

.uwaw-features__item__name button,
.chat-grid button {
  width: 100%;
  height: 100%;
  background: var(--color-white);
  border-radius: 10px;
  border-color: transparent;
  cursor: pointer;
  transition: all 1s;
  outline: none;
  font-weight: bold;
}

.uwaw button:focus,
.uwaw button:hover {
  border-color: var(--color-dark-blue-1);
  outline-color: var(--color-dark-blue-1);
  transition: all 1s;
  background-color: #ecd0ff6b;
}


/* light mode */
.uwaw .light_mode {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}


.uwaw .light_dark_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

body.ux4g-accessibility-dark-mode .light_dark_icon .fa-moon-stars {
  display: block;
}

.uwaw .light_dark_icon i {
  font-size: 0;
}

.uwaw .light_dark_icon .fa-moon-stars {
  color: var(--color-black);
  display: none;
}

body.ux4g-accessibility-dark-mode .light_dark_icon .fa-sun {
  display: none;
}

.uwaw .light_dark_icon .fa-sun {
  color: var(--color-black);
}

/* all theme update in dark mode  */
body.ux4g-accessibility-dark-mode *:not(.uwaw, .uwaw *,
 .uw-widget-custom-trigger, .uw-widget-custom-trigger img, 
 .uw-widget-custom-trigger span, .reading-mask-horizontal,
  .modal,
   .uw-widget-custom-trigger .short-key) {
  color: var(--color-white) !important;
  background-color: var(--color-black3) !important;
}


/* add class in html tag */
.ux4g-bg-cursor * {
  cursor: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.188px" height="43.625px" viewBox="0 0 29.188 43.625" enable-background="new 0 0 29.188 43.625" xml:space="preserve"><g><polygon fill="%23FFFFFF" stroke="%23D9DAD9" stroke-width="1.1406" stroke-miterlimit="10" points="2.8,4.549 26.847,19.902 16.964,22.701 24.239,37.749 18.278,42.017 9.741,30.724 1.138,35.809 "/><g><g><g><path fill="%23212627" d="M29.175,21.155c0.071-0.613-0.165-1.253-0.635-1.573L2.165,0.258c-0.424-0.32-0.988-0.346-1.435-0.053C0.282,0.497,0,1.03,0,1.617v34.171c0,0.613,0.306,1.146,0.776,1.439c0.471,0.267,1.059,0.213,1.482-0.16l7.482-6.344l6.847,12.155c0.259,0.48,0.729,0.746,1.2,0.746c0.235,0,0.494-0.08,0.706-0.213l6.988-4.585c0.329-0.213,0.565-0.586,0.659-1.013c0.094-0.426,0.024-0.88-0.188-1.226l-6.376-11.382l8.611-2.745C28.705,22.274,29.105,21.768,29.175,21.155z M16.964,22.701c-0.424,0.133-0.776,0.506-0.941,0.96c-0.165,0.48-0.118,1.013,0.118,1.439l6.588,11.781l-4.541,2.985l-6.894-12.315c-0.212-0.373-0.541-0.64-0.941-0.72c-0.094-0.027-0.165-0.027-0.259-0.027c-0.306,0-0.588,0.107-0.847,0.32L2.8,32.59V4.549l21.599,15.806L16.964,22.701z"/></g></g></g></g></svg>'), auto !important;

}

.ux4g-font-df *:not(.fal, .fa, .fas) {
  font-family: 'Open-Dyslexic', sans-serif !important;
}

.ux4g-font-df .uwaw-features__item__name,
.ux4g-font-df .uwaw .second-panel strong,
.ux4g-copyright,
.uwaw  .btn-reset-all .reset-btn-text,
.ux4g-font-df .uwaw .second-panel h3,
.ux4g-font-df .uwaw .second-panel strong,
.ux4g-font-df .lang_head span,
.ux4g-font-df .language_drop select,
.ux4g-font-df .language_drop select option,
.ux4g-font-df .uw-widget-custom-trigger span {
  font-family: "Noto Sans", sans-serif !important;
}





#imageHideBg.image-hide *:not(.uwaw-features__item__enabled, .lang i, .language_drop select) {
  background-image: none !important;
}




body[data-gr-ext-installed] {
  top: 0 !important;
}



.VIpgJd-ZVi9od-ORHb-OEVmcd {
  display: none;
}

.skiptranslate span {
  display: none;
}

.skiptranslate:not(.goog-te-combo) {
  font-size: 0;
}


@media (max-width: 767px) {
  .uwaw-features {
    grid-template-columns: repeat(2, 1fr);
  }

  .uwaw {
    width: 100%;
  }

  .uwaw .second-panel h3 {
    font-size: 24px;
  }

  .copyrights-accessibility a span {
    font-size: 16px;
  }

.uwaw  .inner-short-key{
  display: none;
}
.uw-widget-custom-trigger img {
    width: 30px;
    height: 30px;
    margin-left: 2px;
    margin-top: 0 !important;
  }
  .uw-widget-custom-trigger .short-key,
  .uwaw  .inner-short-key{
    display: none !important;
  }
}

.ux4g-accessibility-highlight-links a:not(#uw-main a),
.ux4g-accessibility-highlight-links button:not(#uw-main button) {
  background: #444701 !important;
  color: yellow !important;
}

.ux4g-accessibility-highlight-links a span:not(#uw-main a span) {
  color: yellow !important;
}

.ux4g-accessibility-highlight-links a img:not(#uw-main a img) {
  text-decoration: underline !important;
  transition: box-shadow 0.3s;
  color: rgb(255, 255, 0) !important;
  background-color: #444701 !important;
}

.ux4g-accessibility-dyslexia-mode *:not(#uw-main *):not(#uw-main):not(.uw-widget-custom-trigger span) {
  font-family: 'Open-Dyslexic', sans-serif !important;
}

.ux4g-accessibility-hide-images img:not(#uw-main img):not(#uw-widget-custom-trigger img) {
  visibility: hidden !important;
}

.ux4g-accessibility-span-visible {
  visibility: visible;
  padding-top: 10px;
  position: relative;
  transform: translateX(0px);
}



/* Apply custom cursor to everything except #uw-main */
.ux4g-accessibility-custom-cursor,
.ux4g-accessibility-custom-cursor * {
  cursor: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.188px" height="43.625px" viewBox="0 0 29.188 43.625" enable-background="new 0 0 29.188 43.625" xml:space="preserve"><g><polygon fill="%23FFFFFF" stroke="%23D9DAD9" stroke-width="1.1406" stroke-miterlimit="10" points="2.8,4.549 26.847,19.902 16.964,22.701 24.239,37.749 18.278,42.017 9.741,30.724 1.138,35.809 "/><g><g><g><path fill="%23212627" d="M29.175,21.155c0.071-0.613-0.165-1.253-0.635-1.573L2.165,0.258c-0.424-0.32-0.988-0.346-1.435-0.053C0.282,0.497,0,1.03,0,1.617v34.171c0,0.613,0.306,1.146,0.776,1.439c0.471,0.267,1.059,0.213,1.482-0.16l7.482-6.344l6.847,12.155c0.259,0.48,0.729,0.746,1.2,0.746c0.235,0,0.494-0.08,0.706-0.213l6.988-4.585c0.329-0.213,0.565-0.586,0.659-1.013c0.094-0.426,0.024-0.88-0.188-1.226l-6.376-11.382l8.611-2.745C28.705,22.274,29.105,21.768,29.175,21.155z M16.964,22.701c-0.424,0.133-0.776,0.506-0.941,0.96c-0.165,0.48-0.118,1.013,0.118,1.439l6.588,11.781l-4.541,2.985l-6.894-12.315c-0.212-0.373-0.541-0.64-0.941-0.72c-0.094-0.027-0.165-0.027-0.259-0.027c-0.306,0-0.588,0.107-0.847,0.32L2.8,32.59V4.549l21.599,15.806L16.964,22.701z"/></g></g></g></g></svg>') 10 10, auto !important;
}

.uwaw  .span-visible {
  visibility: visible !important;
}

.uwaw  .span-invisible {
  visibility: hidden;
}

.ux4g-accessibility-highlight-links a::selection,
.ux4g-accessibility-dark-mode::selection {
  background: yellow;
  color: black;
}

/* Apply dark mode background and text color */

body.ux4g-accessibility-dark-mode {
  color: var(--color-white);
  background-color: var(--color-black3);
  border-color: rgb(255, 255, 255) !important;
}

/* Prevent dark mode changes for images */
body.ux4g-accessibility-dark-mode img:not(#uw-main *):not(#uw-main):not(#uw-widget-custom-trigger *):not(#uw-widget-custom-trigger) {
  filter: none;
}

/* Prevent dark mode on elements with a background image */
body.ux4g-accessibility-dark-mode div *:has([style*="background"], [style*="background-image"], img) {
  filter: none !important;
  background-color: inherit;
}

/* 🔥 Fix: Ensure black text becomes white */
body.ux4g-accessibility-dark-mode * :not(#uw-main *):not(#uw-main):not(#uw-widget-custom-trigger *):not(#uw-widget-custom-trigger) {
  color: var(--color-white) !important;
}

/* 🔥 If an element's text was already black, change it to white */
body.ux4g-accessibility-dark-mode *[style*="color: black"] {
  color: var(--color-white) !important;
}

/* Ensure links and buttons don't become invisible */
body.ux4g-accessibility-dark-mode a:not(#uw-main *):not(#uw-main):not(#uw-widget-custom-trigger *):not(#uw-widget-custom-trigger),
/* body.ux4g-accessibility-dark-mode button:not(#uw-main *):not(#uw-main):not(#uw-widget-custom-trigger *):not(#uw-widget-custom-trigger), */
body.ux4g-accessibility-dark-mode a *:not(#uw-main *):not(#uw-main):not(#uw-widget-custom-trigger *):not(#uw-widget-custom-trigger) {
  color: rgb(255, 255, 0) !important;
  /* Yellow color */
}

/* body.ux4g-accessibility-dark-mode *:not(#uw-main *):not(#uw-widget-custom-trigger *):not([style*="color:"]) {
    color: var(--color-white) !important;
  } */

body.ux4g-accessibility-dark-mode span[style*="color:"],
body.ux4g-accessibility-dark-mode p[style*="color:"],
body.ux4g-accessibility-dark-mode div[style*="color:"] {
  color: var(--color-white) !important;
  /* Keep user-defined colors */
}

body.ux4g-accessibility-dark-mode *[style*="color:"] {
  color: var(--color-white) !important;
}

body.ux4g-accessibility-dark-mode *[style*="background"],
body.ux4g-accessibility-dark-mode *[style*="background-image"] {
  background-color: inherit !important;
  filter: none !important;
  color: inherit !important;
}

/* Apply invert to the whole page */
html.ux4g-accessibility-invert-colors {
  filter: invert(1);
  background: var(--color-white);
  -webkit-filter: invert(100%);
}

html.ux4g-accessibility-saturate-low {
  filter: saturate(0.5) !important;
}

html.ux4g-accessibility-saturate-high {
  filter: saturate(3) !important;
}

html.ux4g-accessibility-saturate-desaturate {
  filter: saturate(0) !important;
}

.uw-widget-custom-trigger .short-key {
  position: absolute;
  bottom: 12px;
  color: #ffffff;
  writing-mode: lr;
  right: 15px;
  font-size: 11px;
  left: 17px;
  cursor: pointer;
}

.uwaw  .inner-short-key {
  background-color: #ECD0FF;
  padding: 8px 18px;
  border-radius: 50px;
  color: #212121;
  font-size: 12px;
  margin-left: 10px;
  display: inline-block;
  font-weight: 700;
}

/* Animation Pause Styles */
.ux4g-accessibility-animation-pause *:not(.uwaw *):not(.uwaw),
.ux4g-accessibility-animation-pause *:not(.uwaw *)::before,
.ux4g-accessibility-animation-pause *:not(.uwaw *)::after {
  /* Pause all CSS animations */
  animation-play-state: paused !important;
  animation-duration: 0s !important;
  animation-delay: 0s !important;

  /* Pause all CSS transitions */
  transition-duration: 0s !important;
  transition-delay: 0s !important;

  /* Webkit prefixes for older browsers */
  -webkit-animation-play-state: paused !important;
  -webkit-animation-duration: 0s !important;
  -webkit-animation-delay: 0s !important;
  -webkit-transition-duration: 0s !important;
  -webkit-transition-delay: 0s !important;

  /* Mozilla prefixes */
  -moz-animation-play-state: paused !important;
  -moz-animation-duration: 0s !important;
  -moz-animation-delay: 0s !important;
  -moz-transition-duration: 0s !important;
  -moz-transition-delay: 0s !important;
}


/* Pause marquee elements */
.ux4g-accessibility-animation-pause marquee:not(.uwaw marquee):not(.uwaw) {
  -webkit-marquee-play-count: 0 !important;
  -webkit-marquee-style: none !important;
  behavior: none !important;
}

/* Pause GIF animations (limited browser support) */
.ux4g-accessibility-animation-pause img[src*=".gif"]:not(.uwaw img):not(.uwaw) {
  animation-play-state: paused !important;
}

/* Pause CSS keyframe animations specifically */
.ux4g-accessibility-animation-pause *:not(.uwaw *):not(.uwaw) {
  animation-iteration-count: 0 !important;
  -webkit-animation-iteration-count: 0 !important;
  -moz-animation-iteration-count: 0 !important;
}



/* disabled */
.uwaw-features__item__i:disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* reading mask text css */
.reading-mask-horizontal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: 9999999;
  mix-blend-mode: multiply;
  transition: background-position 0.05s;
  display: none;
  background-image: linear-gradient(to bottom,
      hsla(0, 0%, 0%, 0.7) 0%,
      rgba(0, 0, 0, 0.7) calc(var(--y, 50%) - 80px),
      transparent calc(var(--y, 50%) - 80px),
      transparent calc(var(--y, 50%) + 80px),
      rgba(0, 0, 0, 0.7) calc(var(--y, 50%) + 80px),
      rgba(0, 0, 0, 0.7) 100%);
  filter: saturate(0.5) !important;

}
.mask-hidden {
    display: none;
}

.mask-visible {
    display: block; /* Or flex/grid depending on your layout needs */
}


.reading-mask-horizontal::before,
.reading-mask-horizontal::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 6px;
  z-index: 100;
  pointer-events: none;
}

.reading-mask-horizontal::before {
  top: calc(var(--y, 50%) - 80px);
  background-color: #6f339d;
}

.reading-mask-horizontal::after {
  top: calc(var(--y, 50%) + 80px);
  background-color: #11298b;
}

body.ux4g-accessibility-adhd-saturate *:not(.reading-mask-horizontal, .uwaw, .uwaw *) {
  transition: filter 0.5s ease;
}
.uw-widget-custom-trigger.ux4g-text-spacing :not(.uw-widget-custom-trigge){
  letter-spacing: 0em !important;
    word-spacing: 0em !important;
}

/* page loading showing code issue fixed */
 body.accessibility-loading {
    visibility: hidden;
  }

#accessibility-overlay .icon-enter{
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' role='presentation' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cg class='no-fill' fill='none' fill-rule='evenodd'%3E%3Cpath d='M4.498 24.3v-.872H1.5v-1.37h2.716v-.872H1.5v-1.27h3v-.872H.542V24.3h3.955zm1.909 0v-3.695L9.183 24.3h.95v-5.256h-.95v3.695l-2.776-3.695H5.45V24.3h.957zm7.21 0v-4.383h1.682v-.873h-4.314v.873h1.683V24.3h.948zm6.421 0v-.872H17.04v-1.37h2.716v-.872H17.04v-1.27h3v-.872h-3.956V24.3h3.955zm1.84 0v-1.767h1.017l1.24 1.767h1.086l-1.316-1.867c.757-.237 1.27-.849 1.27-1.644 0-1.025-.842-1.745-1.966-1.745H20.92V24.3h.957zm1.224-2.647h-1.224v-1.729h1.224c.65 0 1.101.33 1.101.865 0 .535-.451.864-1.101.864z' fill='%23000' fill-rule='nonzero'%3E%3C/path%3E%3Cpath class='no-fill' fill='none' d='M18.9 1v6.3a2.7 2.7 0 01-2.7 2.7H5.4h0' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M8.1 12.7L5.4 10l2.7-2.7'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 40px;
  height: 25px;
  display: inline-block;
  padding-left: 0;
  border-left: solid 1px #ccc;
  background-position: center;
  margin-left: 6px;
}
.icon-open-accessibile img{
  filter: invert(1);
  height: 28px;
}

#accessibility-overlay {
  display: none; /* hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4); /* transparent dark overlay */
  z-index: 999999;
  align-items: center;
  justify-content: center;
}




  /* skip to main content end here */

  @media(max-width:400px){
    .uwaw  .btn-reset-all {
    gap: 5px;
    padding: 10px 8px;    
}
.uwaw  .reset-icon{
  width:20px;
  transform: scaleX(1);
}
.uwaw .h-scroll {
    height: calc(100vh - 170px) !important;
}


}




/* new added  */


body:not(:has(.uwaw-initial.paid_widget)).ux4g-accessibility-highlight-links .panelBody:has(.accessibility-option) a:not(#uw-main a)  ,
 body:not(:has(.uwaw-initial.paid_widget)).ux4g-accessibility-highlight-links .panelBody:has(.accessibility-option) button:not(#uw-main button){
        background: initial !important;
    color: initial !important;
}
 body:not(:has(.uwaw-initial.paid_widget)).ux4g-accessibility-highlight-links .panelBody:has(.accessibility-option) .opt_open button:not(#uw-main button).btn-secondary {
    background-color: var(--btn-secondary) !important;
}
 body:not(:has(.uwaw-initial.paid_widget)).ux4g-accessibility-highlight-links .panelBody:has(.accessibility-option) .opt_open button:not(#uw-main button).btn-warning {
    background-color: var(--btn-warning) !important;
}
 body:not(:has(.uwaw-initial.paid_widget)).ux4g-accessibility-highlight-links .panelBody:has(.accessibility-option) .opt_open button:not(#uw-main button).btn-success {
    background-color: var(--btn-success) !important;
}
 body:not(:has(.uwaw-initial.paid_widget)).ux4g-accessibility-highlight-links .panelBody:has(.accessibility-option) .opt_open button:not(#uw-main button).btn-danger {
    background-color: var(--btn-danger) !important;
}
body:not(:has(.uwaw-initial.paid_widget)) .panelBody:has(.ux4g-text-spacing) ul.list-group .ux4g-text-spacing,
body:not(:has(.uwaw-initial.paid_widget)) .panelBody:has(.ux4g-text-spacing) ul.list-group.ux4g-text-spacing,
body:not(:has(.uwaw-initial.paid_widget)) .panelBody:has(.accessibility-option) ul.list-group {
    letter-spacing: 0em !important;
    word-spacing: 0em !important;
}
body:not(:has(.uwaw-initial.paid_widget)) .panelBody:has(.ux4g-line-height) ul.list-group .ux4g-line-height,
body:not(:has(.uwaw-initial.paid_widget)) .panelBody:has(.ux4g-line-height) ul.list-group.ux4g-line-height ,
body.ux4g-line-height:not(:has(.uwaw-initial.paid_widget)) .panelBody ul.list-group ,
body.ux4g-line-height:not(:has(.uwaw-initial.paid_widget)) .panelBody ul.list-group span,
body.ux4g-line-height:not(:has(.uwaw-initial.paid_widget)) .panelBody ul.list-group ,
 body.ux4g-line-height:not(:has(.uwaw-initial.paid_widget)) .iq-customizer .themeBtn .fas.themecog,
 body.ux4g-line-height:not(:has(.uwaw-initial.paid_widget)) .iq-customizer .themeBtn{
    line-height: normal !important;
}
body:not(:has(.uwaw-initial.paid_widget)).ux4g-accessibility-hide-images .panelBody img:not(#uw-main img):not(#uw-widget-custom-trigger img) {
    visibility: visible !important;
}
/* new added end */