/**
 * Accessibility Toolbar styles
 */
 html
 {
   height: 100% !important;
   width: 100% !important; 
 }
.accessibility-toolbar {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease;
z-index: 9999;
}

.accessibility-toolbar__toggle {
  background-color: #0074bd;
  color: white;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: background-color 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.accessibility-toolbar__toggle:hover {
  background-color: #005a8c;
}

.accessibility-toolbar__toggle:focus {
  outline: 3px solid #ffbf47;
  outline-offset: 2px;
}

.accessibility-toolbar__panel {
  display: none;
  padding: 15px;
  border-radius: 5px;
  width: 350px;
  max-height: 80vh;
  overflow-y: auto;
}

.accessibility-toolbar__panel.is-open {
  display: block;
}

.accessibility-toolbar__heading {
  font-size: 18px;
  margin: 0 0 15px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.accessibility-toolbar__group {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

.accessibility-toolbar__group:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.accessibility-toolbar__group-title {
  font-size: 16px;
  margin: 0 0 10px 0;
  font-weight: bold;
}

.accessibility-toolbar__group-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.accessibility-toolbar__button {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 12px;
  transition: all 0.2s ease;
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
}

.accessibility-toolbar__button span[aria-hidden="true"] {
  margin-right: 5px;
}

.accessibility-toolbar__button:hover {
  background-color: #e0e0e0;
}

.accessibility-toolbar__button:focus {
  outline: 2px solid #4d90fe;
  outline-offset: 1px;
}

.accessibility-toolbar__button.active {
  background-color: #0074bd;
  color: white;
  border-color: #005a8c;
}

.accessibility-toolbar__reset {
  margin-top: 15px;
  background-color: #f44336;
  color: white;
  border-color: #d32f2f;
  width: 100%;
}

.accessibility-toolbar__reset:hover {
  background-color: #d32f2f;
}

/* Position variants */
.accessibility-toolbar.position-top-left {
  top: 20px;
  left: 20px;
  bottom: auto;
  right: auto;
}

.accessibility-toolbar.position-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
}

.accessibility-toolbar.position-bottom-left {
  bottom: 20px;
  left: 20px;
  top: auto;
  right: auto;
}

.accessibility-toolbar.position-bottom-right {
  bottom: 20px;
  right: 20px;
  top: auto;
  left: auto;
  max-block-size: fit-content;
}

/* High contrast mode */
body.high-contrast {
  background-color: #000 !important;
  color: #fff !important;
}

body.high-contrast *:not(.accessibility-toolbar, .accessibility-toolbar *, .accessibility-toolbar__toggle, .accessibility-toolbar__panel, .accessibility-toolbar__controls, .accessibility-toolbar__button) {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
  box-shadow: none !important;
-webkit-text-fill-color: #fff !important;
}

body.high-contrast a:not(.accessibility-toolbar a),
body.high-contrast button:not(.accessibility-toolbar__button, .accessibility-toolbar__toggle) {
  background-color: #000 !important;
  color: #fff !important;
 /* border: 1px solid #fff !important;*/
  text-decoration: underline !important;
}

body.high-contrast a:hover:not(.accessibility-toolbar a),
body.high-contrast button:hover:not(.accessibility-toolbar__button, .accessibility-toolbar__toggle) {
  background-color: #fff !important;
  color: #000 !important;
}

body.high-contrast .accessibility-toolbar {
  background-color: #333 !important;
  border: 2px solid #fff !important;
}

body.high-contrast .accessibility-toolbar__panel {
  background-color: #333 !important;
}

body.high-contrast .accessibility-toolbar__button {
  border: 1px solid #fff !important;
  background-color: #333 !important;
  color: #fff !important;
}

body.high-contrast .accessibility-toolbar__button:hover,
body.high-contrast .accessibility-toolbar__button.active {
  background-color: #fff !important;
  color: #000 !important;
}

body.high-contrast .accessibility-toolbar__toggle {
  background-color: #fff !important;
  color: #000 !important;
}

/* Font size adjustments */
body.font-resized {
  /* Add some spacing adjustments for better readability when font size is increased */
  line-height: 1.5;
  letter-spacing: 0.01em;
}

/* Focus indicator */
.focus-visible:focus {
  outline: 3px solid #ffbf47 !important;
  outline-offset: 2px !important;
}

/* Skip link styles */
.skip-link-wrapper {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.accessibility-skip-link {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  padding: 8px 15px;
  background-color: #2d2d2d;
  color: #ffffff;
  font-weight: bold;
  border-radius: 0 0 4px 4px;
  transition: all 0.3s ease;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 10000;
}

.accessibility-skip-link:focus {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  outline: 2px solid #4d90fe;
}

/* High contrast mode adjustments for skip link */
body.high-contrast .accessibility-skip-link {
  background-color: #000;
  color: #fff;
  border: 2px solid #fff;
  outline: 2px solid #000;
}

/* Text spacing styles */
body.text-spacing-medium {
  letter-spacing: 0.05em;
  word-spacing: 0.1em;
  line-height: 1.5;
}

body.text-spacing-large {
  letter-spacing: 0.1em;
  word-spacing: 0.15em;
  line-height: 2;
}

/* Word spacing styles */
body.word-spacing-medium, body.word-spacing-medium .footeraccordian .accordion-header button {
  word-spacing: 0.15em;
}

body.word-spacing-large, body.word-spacing-large .footeraccordian .accordion-header button {
  word-spacing: 0.3em;
}

body.word-spacing-larger, body.word-spacing-larger .footeraccordian .accordion-header button {
  word-spacing: 0.5em;
}

/* Color scheme styles */
body.dark-mode {
  background-color: #222;
  color: #eee;
}

body.dark-mode a {
  color: #4da6ff;
}

body.dark-mode a:visited {
  color: #b385ff;
}

body.dark-mode button, 
body.dark-mode input[type="button"], 
body.dark-mode input[type="submit"] {
  background-color: #444;
  color: #fff;
  border-color: #666;
}

body.light-mode {
  background-color: #fff;
  color: #333;
}

body.light-mode a {
  color: #0066cc;
}

body.light-mode button, 
body.light-mode input[type="button"], 
body.light-mode input[type="submit"] {
  background-color: #f0f0f0;
  color: #333;
}

body.colorblind-mode {
  filter: saturate(0.5) hue-rotate(180deg);
  height: 100% !important;
  width: 100% !important; 
}

/* Ensure toolbar is visible in all color schemes */
body.dark-mode .accessibility-toolbar,
body.light-mode .accessibility-toolbar,
body.colorblind-mode .accessibility-toolbar {
  background-color: #333;
  color: #fff;
}

body.dark-mode .accessibility-toolbar__button,
body.light-mode .accessibility-toolbar__button,
body.colorblind-mode .accessibility-toolbar__button {
  color: #fff;
  background-color: #444;
  border-color: #555;
}

body.dark-mode .accessibility-toolbar__button:hover,
body.light-mode .accessibility-toolbar__button:hover,
body.colorblind-mode .accessibility-toolbar__button:hover {
  background-color: #555;
}

body.dark-mode .accessibility-toolbar__button.active,
body.light-mode .accessibility-toolbar__button.active,
body.colorblind-mode .accessibility-toolbar__button.active {
  background-color: #0074d9;
}

/* Dyslexic font */
body.dyslexic-font {
  font-family: "Comic Sans MS", cursive, sans-serif;
}

/* OS-level high contrast support */
@media (forced-colors: active) {
  * {
    forced-color-adjust: none;
    color: ButtonText;
    background: ButtonFace;
  }
}

@media (prefers-contrast: more) {
  body {
    background: #000;
    color: #FFF;
  }
}
body.colorblind-mode
{
top:0px !important;
}
body.colorblind-mode .dialog-off-canvas-main-canvas
{
height:100%;
overflow:scroll;
}
body.colorblind-mode .accessibility-toolbar__close
{
color:#fff;
border: solid 0px #000 !important;
}

body.colorblind-mode #accessibility-toolbar-heading
{
color:#fff;
}

body.high-contrast .owl-item div, body.high-contrast .new-banner .banner-content div, body.high-contrast .new-banner .banner-content, body.high-contrast .banner-area .owl-item, body.high-contrast .banner-area .owl-stage, body.high-contrast .banner-area .owl-stage-outer, body.high-contrast .banner-area .all-banner-slide, body.high-contrast .banner-area .scroller,
body.high-contrast .banner-area .scroller,
body.high-contrast .banner-area .container,
body.high-contrast .banner-area .container div,
body.high-contrast .video-banking-new-bg .container,
body.high-contrast .video-banking-new-bg .container .row,
body.high-contrast .video-banking-new-bg .container .row>div
{
background:none !important;
}
body.high-contrast .owl-item div.txt-box
{
float:left;
}
ul.menu-telephone
{
width:290px !important;
}
.formobileclass
{
display:none !important;
}
@media(max-width:1200px) {
.formobileclass
{
display:block !important;
position:sticky;
bottom:100px;
left:10px;
}
}
body.high-contrast [type="radio"]:checked+label.tab-label, body.high-contrast [type="radio"]:not(:checked)+label.tab-label
{
border-right: solid 10px #fff !important;
border-bottom-right-radius: 30px;
border-top-right-radius: 30px;
    background: none;
}
.our-value [type="radio"]:checked+label:before, .our-value [type="radio"]:not(:checked)+label:before
{
display:none;
}
body.high-contrast #cd-timeline::before,
body.high-contrast .cd-timeline-content .cd-date.c1::before,
body.high-contrast .cd-timeline-content .cd-date.c2::before,
body.high-contrast .cd-timeline-content .cd-date.c3::before,
body.high-contrast .cd-timeline-content .cd-date.c4::before,
body.high-contrast .cd-timeline-content .cd-date.c5::before,
body.high-contrast .cd-timeline-content .cd-date.c6::before,
body.high-contrast .cd-timeline-content .cd-date.c7::before,
body.high-contrast .cd-timeline-content .cd-date.c8::before,
body.high-contrast .cd-timeline-content .cd-date.c9::before,
body.high-contrast .cd-timeline-content .cd-date.c10::before
{
background:#fff;
}
body.high-contrast .cd-timeline-block
{
background:none !important;
}
body.high-contrast .dropdown-menu-inner>li>.row
{
margin:0px;
}
body.high-contrast .nav-item>a
{
padding:2px;
}
body.high-contrast .nav-item .desk-sub-data a, body.high-contrast .nav-item .desk-sub-data a:hover, body.high-contrast .nav-item .second-mega-menu .drop-links a:hover, body.high-contrast .nav-item .desk-menu-list .drop-links a:hover
{
background-color:#000 !important;
}
body.high-contrast .form-wrap #otpsubmit {
    position: relative;
    bottom: 0;
}
body.high-contrast .form-head .form-item-i-declare-that-the-information label.option {

color: #fff !important;
    font-style: italic;
}
.menu-telephone
{
display:flex;
}
body.high-contrast .sk-menu-indicator
{
background:none;
display:none;
}
body.high-contrast .sk-menu li a  {

color: #fff !important;
}
#artmiddleblock .hero
{
background-color: transparent !important;
}
#artmiddleblock .sk-container, #artmiddleblock .sk-row
{
background:none !important
}
.address-and-contact .sk-button-group button
{
border: solid 0px #000 !important;
    display: inline-flex;
}
#block-ujjivan-accessibilitytoolbar .no-change-font
{
display: inline-flex;
}
body.high-contrast .dca-banner div, body.high-contrast .dca-banner
{
    background-color: transparent !important;
}
body.high-contrast .dca-banner #cbwrap
{
background-color: #000 !important;
}
body.high-contrast .gold-loan-highlights .highlight-img, body.high-contrast .gold-loan-highlights
 img{
background-color:#fff !important;
}
body.high-contrast #dvaMenuBizHrs svg
{
fill:#fff;
}
body.high-contrast .humburger-menu svg
{
fill:#fff;
}
body.high-contrast .google-posts .product .sk-card .sk-card-actions {
margin-bottom:15px;
}