body.accessible {
  --hc-bg: #000000;
  --hc-color: #ffffff;
  --hc-link-color: #ffff00;
  --hc-focus-outline: 3px solid #ffff00;
  --hc-input-border: 2px solid #ffffff;

  background-color: var(--hc-bg);

  *:focus{
    z-index:99999;
    outline: var(--hc-focus-outline);
  }

  *{
    background-color: inherit !important;
    color: var(--hc-color) !important;
  }

  *:not(.navbar-toggler-icon, .navbar-brand)
  {
    background-image: unset;
  }

  .c-icon::before{
    color: var(--hc-color) !important;
  }

  a, a *{
    color: var(--hc-link-color) !important;
  }

  input{
    border: var(--hc-input-border) !important;
  }

  .navbar{
    background-image: unset !important;

    .menu-left, .menu-right{
      display: none;
    }
  }

  .head-cover{
    display: none;
  }

  .tECover{
    background: unset;
  }

  .circle{
    background-color: unset !important;
  }

  .trippleEffectSection .fuelTypes ul {
    background: unset !important;
  }

  #benefits > video{
    display: none;
  }

  #benefits::after{
    content: unset;
  }

  .arrow-container{
    background-color: unset !important;
  }

  .tables td, .tables tr{
    background-color: unset !important;
  }

  .image-card h3::after{
    content: unset !important;
  }

  .tables .header{
    &::before, &::after, i::before{
      content: unset !important;
    }
  }

  .image-card .image::before{
    content: unset !important;
  }

  .navbar-toggler{
    border: 1px solid var(--hc-color);
  }

  .navbar-toggler-icon{
    filter: brightness(100);
  }
}