/*!
* Accessibility Widget v1.0.0
* Standalone accessibility widget for any website
* Copyright 2024 - Based on UX4G Accessibility Framework
* Licensed under MIT. 
 */

/* Gradient color definitions */
:root{
  --color-black:#000;
  --color-white:#fff;
  
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  --gradient-dark: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
  --gradient-success: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%);
  --gradient-warning: linear-gradient(135deg, #f7971e 0%, #ff0000 100%);
  --gradient-danger: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
  --gradient-info: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  --gradient-light: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
  --gradient-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-widget: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
  --gradient-header: linear-gradient(135deg, #1937B2 0%, #4facfe 100%);
  --gradient-content: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  --gradient-button: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-hover: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
  --gradient-active: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  --gradient-border: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-shadow: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* Dyslexia Friendly Font */
@font-face {
  font-family: 'open-dyslexic';
  src: url('data:font/woff;base64,') format('woff');
}



.relative {
  position: relative;
}

/* Widget Overlay - Right Side Slide */
.uw-widget-overlay {
  display: none;
}

.uwaw {
  background: var(--color-white);
  max-width: 400px;
  min-height: 100vh;
  width: 100%;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 99999;  
  top: 0;
  right: -400px;
  transition: right 0.3s ease-in-out;
  font-family: 'Roboto', sans-serif !important;
  overflow-y: auto;
}

.uwaw.open {
  right: 0;
}

.uw-widget-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.uw-widget-header {
  background: var(--gradient-warning);
  color: white;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}

.uw-widget-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.uw-widget-close {
  background: none;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}

.uw-widget-close:hover {
  background: rgba(255, 255, 255, 0.2);
}

.uw-widget-content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  background: #f8f9fa;
}

.uwaw-features__item {
  margin-bottom: 12px;
  position: relative;
}

.uwaw-features__item__btn {
  width: 100%;
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.uwaw-features__item__btn:hover {
  border-color: #1937B2;
  background: #f0f4ff;
}

.uwaw-features__item__btn.active {
  border-color: #1937B2;
  background: #e3f2fd;
}

.uwaw-features__item__icon {
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.uwaw-features__item__name {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  flex: 1;
}

.uwaw-features__item__tick {
  position: absolute;
  right: 8px;
  top: 8px;
  background: #1937B2;
  color: white;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: bold;
}

.uwaw-features__item__steps {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
}

.step {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ddd;
}

.step.active {
  background: #1937B2;
}

.uw-widget-reset {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}

.uw-widget-reset-btn {
  width: 100%;
  background: #dc3545;
  color: white;
  border: none;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.uw-widget-reset-btn:hover {
  background: #c82333;
}

/* Accessibility feature styles */
.ux4g-dark-mode {
  background: #2d2d2d !important;
  color: #ffffff !important;
}

.ux4g-dark-mode * {
  background-color: #2d2d2d !important;
  color: #ffffff !important;
}

.ux4g-big-cursor,
.ux4g-big-cursor * {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><circle cx="20" cy="20" r="15" fill="red" opacity="0.7"/></svg>') 20 20, crosshair !important;
}

.ux4g-invert-colors {
  filter: invert(1) !important;
}

/* Feature active states */
.feature-active .uwaw-features__item__btn {
  border-color: #1937B2 !important;
  background: #e3f2fd !important;
}

.feature-active .icon {
  background-color: #1937B2 !important;
}

.featureSteps-visible {
  opacity: 1 !important;
  visibility: visible !important;
}

button#uw-widget-custom-trigger{
  background: var(--gradient-warning) !important;
  background-color: #f7971e !important; /* Fallback solid color */
}
/* Widget trigger button styles */
.uw-widget-custom-trigger {
  position: fixed;
  bottom: 20px;
  right: 20px;
  /* background: #1937B2; */
  /* background: var(--gradient-warning); */
  color: white;
  border: none;
  border-radius: 50px;
  padding: 12px 16px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  z-index: 9998;
}

.uw-widget-custom-trigger:hover {
  background: var(--gradient-warning) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

button#uw-widget-custom-trigger:hover {
  background: var(--gradient-warning) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.uw-widget-custom-trigger svg {
  width: 20px;
  height: 20px;
}

.uw-widget-custom-trigger span {
  white-space: nowrap;
}

@media (max-width: 768px) {
  .uw-widget-custom-trigger span {
    display: none;
  }
  
  .uw-widget-custom-trigger {
    padding: 12px;
    border-radius: 50%;
  }
}

/* Icon set */
.icon {
  background-color: var(--color-black);
  display: inline-block;
  width: 24px;
  height: 24px;
  mask-size: contain;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center;
}

.icon-speaker {
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_1020' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_1020)'%3E%3Cpath d='M33.0738 25.782L31.1636 23.8718C32.3538 22.7329 33.2881 21.3995 33.9665 19.8716C34.6449 18.3437 34.9841 16.7203 34.9841 15.0014C34.9841 13.2825 34.6449 11.6672 33.9665 10.1554C33.2881 8.6437 32.3538 7.31838 31.1636 6.17949L33.0738 4.21799C34.5018 5.5896 35.6366 7.20707 36.4781 9.0704C37.3197 10.9337 37.7404 12.9112 37.7404 15.0028C37.7404 17.0944 37.3195 19.0698 36.4776 20.9291C35.6358 22.7883 34.5011 24.4059 33.0738 25.782ZM27.6443 20.3525L25.6828 18.391C26.1508 17.9402 26.5242 17.4295 26.803 16.8589C27.0819 16.2884 27.2213 15.6688 27.2213 15C27.2213 14.3098 27.0819 13.6848 26.803 13.125C26.5242 12.5652 26.1508 12.0598 25.6828 11.609L27.6443 9.64749C28.3836 10.3355 28.9659 11.1341 29.3911 12.0433C29.8163 12.9525 30.0289 13.938 30.0289 15C30.0289 16.0406 29.8163 17.0208 29.3911 17.9407C28.9659 18.8605 28.3836 19.6645 27.6443 20.3525ZM14.7597 20.8333C13.1555 20.8333 11.7823 20.2621 10.6399 19.1197C9.4976 17.9774 8.92643 16.6041 8.92643 15C8.92643 13.3958 9.4976 12.0226 10.6399 10.8802C11.7823 9.73788 13.1555 9.1667 14.7597 9.1667C16.3638 9.1667 17.7371 9.73788 18.8794 10.8802C20.0218 12.0226 20.593 13.3958 20.593 15C20.593 16.6041 20.0218 17.9774 18.8794 19.1197C17.7371 20.2621 16.3638 20.8333 14.7597 20.8333ZM2.25977 33.5255V29.8204C2.25977 28.9786 2.4745 28.2163 2.90397 27.5336C3.33347 26.8509 3.93284 26.3226 4.70206 25.9487C6.08667 25.2585 7.63581 24.6821 9.34947 24.2195C11.0631 23.7569 12.8665 23.5257 14.7597 23.5257C16.6528 23.5257 18.4563 23.7569 20.1699 24.2195C21.8836 24.6821 23.4327 25.2585 24.8174 25.9487C25.5866 26.3226 26.1859 26.8509 26.6154 27.5336C27.0449 28.2163 27.2596 28.9786 27.2596 29.8204V33.5255H2.25977ZM4.75968 31.0256H24.7597V29.8204C24.7597 29.4401 24.6566 29.1143 24.4504 28.8429C24.2442 28.5715 23.984 28.3503 23.6699 28.1794C22.6486 27.658 21.3532 27.1687 19.7837 26.7115C18.2143 26.2542 16.5396 26.0256 14.7597 26.0256C12.9798 26.0256 11.3051 26.2542 9.73568 26.7115C8.16624 27.1687 6.87084 27.658 5.84947 28.1794C5.53536 28.3503 5.27521 28.5715 5.06902 28.8429C4.86279 29.1143 4.75968 29.4401 4.75968 29.8204V31.0256ZM14.7597 18.3333C15.6763 18.3333 16.4611 18.0069 17.1138 17.3542C17.7666 16.7014 18.093 15.9167 18.093 15C18.093 14.0833 17.7666 13.2986 17.1138 12.6458C16.4611 11.993 15.6763 11.6667 14.7597 11.6667C13.843 11.6667 13.0583 11.993 12.4055 12.6458C11.7527 13.2986 11.4263 14.0833 11.4263 15C11.4263 15.9167 11.7527 16.7014 12.4055 17.3542C13.0583 18.0069 13.843 18.3333 14.7597 18.3333Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-bigger-text {
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_1025' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_1025)'%3E%3Cpath d='M24.0223 32.5V11.0416H15.753V7.50006H35.8331V11.0416H27.5638V32.5H24.0223ZM9.13446 32.5V19.2949H4.1665V15.7533H17.628V19.2949H12.66V32.5H9.13446Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-small-text {
  width: 28px;
  height: 28px;
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_1025' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_1025)'%3E%3Cpath d='M24.0223 32.5V11.0416H15.753V7.50006H35.8331V11.0416H27.5638V32.5H24.0223ZM9.13446 32.5V19.2949H4.1665V15.7533H17.628V19.2949H12.66V32.5H9.13446Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-line-hight {
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_1041' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='41' height='40'%3E%3Crect x='0.333496' width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_1041)'%3E%3Cpath d='M10.5897 32.4999L4.5 26.4102L6.25638 24.6539L9.33975 27.6859V12.314L6.25638 15.3461L4.5 13.5897L10.5897 7.50003L16.6794 13.5897L14.923 15.3461L11.8397 12.314V27.6859L14.923 24.6539L16.6794 26.4102L10.5897 32.4999ZM20.6538 30.8333V28.3333H36.1666V31.0256L20.6538 30.8333ZM20.6538 21.2499V18.75H36.1666V21.2499H20.6538ZM20.6538 11.6667V9.1667L36.1666 8.97441V11.6667H20.6538Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-hide-images {
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_1057' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_1057)'%3E%3Cpath d='M34.1665 29.4166L31.6665 26.9167V8.84623C31.6665 8.71801 31.6131 8.60047 31.5063 8.4936C31.3994 8.38677 31.2819 8.33335 31.1537 8.33335H13.0832L10.5832 5.83339H31.1537C31.9955 5.83339 32.7082 6.12506 33.2915 6.70839C33.8748 7.29173 34.1665 8.00434 34.1665 8.84623V29.4166ZM33.5768 37.0897L30.6537 34.1666H8.84607C8.00418 34.1666 7.29157 33.875 6.70824 33.2916C6.12491 32.7083 5.83324 31.9957 5.83324 31.1538V9.34615L2.91016 6.42306L4.66653 4.66669L35.3332 35.3334L33.5768 37.0897ZM11.2499 27.9166L15.3845 22.436L18.7178 26.6987L20.6698 24.2083L8.3332 11.8717V31.1538C8.3332 31.282 8.38661 31.3996 8.49345 31.5064C8.60031 31.6133 8.71785 31.6667 8.84607 31.6667H28.1282L24.3781 27.9166H11.2499Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-dyslexia-font {
  width: 30px;
  height: 30px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.2' viewBox='0 0 31 22'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M.5 22V1.0083333h7.2421899c6.8051611 0 11.6124768 4.3388889 11.6124768 10.4805556C19.3546667 17.6305556 14.547351 22 7.7421899 22H.5Zm2.4348742-4.31h4.8073157c5.3692097 0 9.1463863-2.8616703 9.1463863-7.27 0-4.3807776-3.7771766-7.2422222-9.1463863-7.2422222H2.9348742V17.69ZM26.2735913 4.0333333l.0114609 2.1694445h4.0126191V8.25h-4.001719L26.77 22h-3.535416L23.78 8.25h-2.4238344V6.2027778h2.55923l.0751088-2.1694445C24.0706908 1.6805556 25.6007488 0 27.697782 0 28.6896221 0 29.677687.3666667 30.5 1.0083333l-.9627285 1.6805556c-.3479788-.3666667-.9515992-.6416667-1.627768-.6416667-.8819593 0-1.6420082.825-1.6359122 1.9861111Z'/%3E%3C/svg%3E");
}

.icon-cursor {
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_1062' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_1062)'%3E%3Cpath d='M21.2594 35.7659C21.0495 35.8108 20.8395 35.8333 20.6296 35.8333H19.9998C17.8095 35.8333 15.7512 35.4177 13.8248 34.5866C11.8984 33.7555 10.2228 32.6276 8.79775 31.2029C7.37275 29.7781 6.24463 28.1027 5.41338 26.1766C4.58213 24.2506 4.1665 22.1927 4.1665 20.0028C4.1665 17.8129 4.58206 15.7545 5.41317 13.8276C6.24428 11.9007 7.3722 10.2246 8.79692 8.79919C10.2217 7.3738 11.8971 6.24537 13.8231 5.4139C15.7492 4.58242 17.8071 4.16669 19.997 4.16669C22.1869 4.16669 24.2453 4.58231 26.1722 5.41356C28.0991 6.24481 29.7752 7.37294 31.2006 8.79794C32.626 10.2229 33.7544 11.8986 34.5859 13.825C35.4174 15.7514 35.8331 17.8097 35.8331 20V20.6218C35.8331 20.829 35.8106 21.0363 35.7658 21.2436L33.3331 20.5V20C33.3331 16.2778 32.0415 13.125 29.4581 10.5416C26.8748 7.95831 23.722 6.66665 19.9998 6.66665C16.2776 6.66665 13.1248 7.95831 10.5415 10.5416C7.95813 13.125 6.66646 16.2778 6.66646 20C6.66646 23.7222 7.95813 26.875 10.5415 29.4583C13.1248 32.0416 16.2776 33.3333 19.9998 33.3333H20.4998L21.2594 35.7659ZM33.567 36.0736L26.0093 28.4999L24.1985 33.9741L19.9998 20L33.974 24.1986L28.4997 26.0095L36.0734 33.5672L33.567 36.0736Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-highlight-links {
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='33' height='16' viewBox='0 0 33 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6796 15.564H8.39758C6.30486 15.564 4.521 14.8266 3.046 13.3518C1.571 11.877 0.833496 10.0934 0.833496 8.0009C0.833496 5.90843 1.571 4.12449 3.046 2.64907C4.521 1.17365 6.30486 0.435944 8.39758 0.435944H14.6796V2.93586H8.39758C6.998 2.93586 5.80408 3.42999 4.81583 4.41824C3.82758 5.40649 3.33345 6.6004 3.33345 7.99999C3.33345 9.39957 3.82758 10.5935 4.81583 11.5817C5.80408 12.57 6.998 13.0641 8.39758 13.0641H14.6796V15.564ZM10.4168 9.24994V6.75003H22.9168V9.24994H10.4168ZM18.654 15.564V13.0641H24.936C26.3356 13.0641 27.5295 12.57 28.5177 11.5817C29.506 10.5935 30.0001 9.39957 30.0001 7.99999C30.0001 6.6004 29.506 5.40649 28.5177 4.41824C27.5295 3.42999 26.3356 2.93586 24.936 2.93586H18.654V0.435944H24.936C27.0287 0.435944 28.8126 1.17335 30.2876 2.64815C31.7626 4.12296 32.5001 5.9066 32.5001 7.99907C32.5001 10.0915 31.7626 11.8755 30.2876 13.3509C28.8126 14.8263 27.0287 15.564 24.936 15.564H18.654Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}

.icon-text-spacing {
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_1046' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_1046)'%3E%3Cpath d='M10.2562 35.8333L4.1665 29.7436L10.2562 23.6699L12.0222 25.4263L8.97088 28.4936H31.0287L28.003 25.4263L29.7594 23.6699L35.8331 29.7436L29.7434 35.8333L27.9774 34.0769L31.0447 30.9936H8.95488L11.9965 34.0769L10.2562 35.8333ZM12.1088 21.9231L18.7819 4.16672H21.2818L27.8908 21.9231H25.4613L23.8139 17.2244H16.237L14.5383 21.9231H12.1088ZM16.9613 15.1667H23.0383L20.1152 6.97439H19.9485L16.9613 15.1667Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-moon {
  width: 32px;
  height: 32px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-442 -200)'%3E%3Cg fill='currentColor' transform='translate(356 144)'%3E%3Cpath fill-rule='nonzero' d='M108.5 24C108.5 27.5902136 105.590214 30.5 102 30.5 98.4097864 30.5 95.5 27.5902136 95.5 24 95.5 20.4097864 98.4097864 17.5 102 17.5 105.590214 17.5 108.5 20.4097864 108.5 24zM107 24C107 21.2382136 104.761786 19 102 19 99.2382136 19 97 21.2382136 97 24 97 26.7617864 99.2382136 29 102 29 104.761786 29 107 26.7617864 107 24zM101 12.75L101 14.75C101 15.1642136 101.335786 15.5 101.75 15.5 102.164214 15.5 102.5 15.1642136 102.5 14.75L102.5 12.75C102.5 12.3357864 102.164214 12 101.75 12 101.335786 12 101 12.3357864 101 12.75zM95.7255165 14.6323616L96.7485165 16.4038616C96.9556573 16.7625614 97.4143618 16.8854243 97.7730616 16.6782835 98.1317614 16.4711427 98.2546243 16.0124382 98.0474835 15.6537384L97.0244835 13.8822384C96.8173427 13.5235386 96.3586382 13.4006757 95.9999384 13.6078165 95.6412386 13.8149573 95.5183757 14.2736618 95.7255165 14.6323616zM91.8822384 19.0244835L93.6537384 20.0474835C94.0124382 20.2546243 94.4711427 20.1317614 94.6782835 19.7730616 94.8854243 19.4143618 94.7625614 18.9556573 94.4038616 18.7485165L92.6323616 17.7255165C92.2736618 17.5183757 91.8149573 17.6412386 91.6078165 17.9999384 91.4006757 18.3586382 91.5235386 18.8173427 91.8822384 19.0244835zM90.75 25L92.75 25C93.1642136 25 93.5 24.6642136 93.5 24.25 93.5 23.8357864 93.1642136 23.5 92.75 23.5L90.75 23.5C90.3357864 23.5 90 23.8357864 90 24.25 90 24.6642136 90.3357864 25 90.75 25zM92.6323616 30.2744835L94.4038616 29.2514835C94.7625614 29.0443427 94.8854243 28.5856382 94.6782835 28.2269384 94.4711427 27.8682386 94.0124382 27.7453757 93.6537384 27.9525165L91.8822384 28.9755165C91.5235386 29.1826573 91.4006757 29.6413618 91.6078165 30.0000616 91.8149573 30.3587614 92.2736618 30.4816243 92.6323616 30.2744835zM97.0244835 34.1177616L98.0474835 32.3462616C98.2546243 31.9875618 98.1317614 31.5288573 97.7730616 31.3217165 97.4143618 31.1145757 96.9556573 31.2374386 96.7485165 31.5961384L95.7255165 33.3676384C95.5183757 33.7263382 95.6412386 34.1850427 95.9999384 34.3921835 96.3586382 34.5993243 96.8173427 34.4764614 97.0244835 34.1177616zM103 35.25L103 33.25C103 32.8357864 102.664214 32.5 102.25 32.5 101.835786 32.5 101.5 32.8357864 101.5 33.25L101.5 35.25C101.5 35.6642136 101.835786 36 102.25 36 102.664214 36 103 35.6642136 103 35.25zM108.274483 33.3676384L107.251483 31.5961384C107.044343 31.2374386 106.585638 31.1145757 106.226938 31.3217165 105.868239 31.5288573 105.745376 31.9875618 105.952517 32.3462616L106.975517 34.1177616C107.182657 34.4764614 107.641362 34.5993243 108.000062 34.3921835 108.358761 34.1850427 108.481624 33.7263382 108.274483 33.3676384zM112.117762 28.9755165L110.346262 27.9525165C109.987562 27.7453757 109.528857 27.8682386 109.321717 28.2269384 109.114576 28.5856382 109.237439 29.0443427 109.596138 29.2514835L111.367638 30.2744835C111.726338 30.4816243 112.185043 30.3587614 112.392183 30.0000616 112.599324 29.6413618 112.476461 29.1826573 112.117762 28.9755165zM113.25 23L111.25 23C110.835786 23 110.5 23.3357864 110.5 23.75 110.5 24.1642136 110.835786 24.5 111.25 24.5L113.25 24.5C113.664214 24.5 114 24.1642136 114 23.75 114 23.3357864 113.664214 23 113.25 23zM111.367638 17.7255165L109.596138 18.7485165C109.237439 18.9556573 109.114576 19.4143618 109.321717 19.7730616 109.528857 20.1317614 109.987562 20.2546243 110.346262 20.0474835L112.117762 19.0244835C112.476461 18.8173427 112.599324 18.3586382 112.392183 17.9999384 112.185043 17.6412386 111.726338 17.5183757 111.367638 17.7255165zM106.975517 13.8822384L105.952517 15.6537384C105.745376 16.0124382 105.868239 16.4711427 106.226938 16.6782835 106.585638 16.8854243 107.044343 16.7625614 107.251483 16.4038616L108.274483 14.6323616C108.481624 14.2736618 108.358761 13.8149573 108.000062 13.6078165 107.641362 13.4006757 107.182657 13.5235386 106.975517 13.8822384z' transform='translate(0 48)' stroke='currentColor' stroke-width='0.25'%3E%3C/path%3E%3Cpath d='M98.6123,60.1372 C98.6123,59.3552 98.8753,58.6427 99.3368,58.0942 C99.5293,57.8657 99.3933,57.5092 99.0943,57.5017 C99.0793,57.5012 99.0633,57.5007 99.0483,57.5007 C97.1578,57.4747 95.5418,59.0312 95.5008,60.9217 C95.4578,62.8907 97.0408,64.5002 98.9998,64.5002 C99.7793,64.5002 100.4983,64.2452 101.0798,63.8142 C101.3183,63.6372 101.2358,63.2627 100.9478,63.1897 C99.5923,62.8457 98.6123,61.6072 98.6123,60.1372' transform='translate(3 11)'%3E%3C/path%3E%3C/g%3E%3Cpolygon points='444 228 468 228 468 204 444 204'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}

.icon-sun {
  width: 32px;
  height: 32px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-440 -200)'%3E%3Cpath fill='currentColor' fill-rule='nonzero' stroke='currentColor' stroke-width='0.5' d='M102,21 C102,18.1017141 103.307179,15.4198295 105.51735,13.6246624 C106.001939,13.2310647 105.821611,12.4522936 105.21334,12.3117518 C104.322006,12.1058078 103.414758,12 102.5,12 C95.8722864,12 90.5,17.3722864 90.5,24 C90.5,30.6277136 95.8722864,36 102.5,36 C106.090868,36 109.423902,34.4109093 111.690274,31.7128995 C112.091837,31.2348572 111.767653,30.5041211 111.143759,30.4810139 C106.047479,30.2922628 102,26.1097349 102,21 Z M102.5,34.5 C96.7007136,34.5 92,29.7992864 92,24 C92,18.2007136 96.7007136,13.5 102.5,13.5 C102.807386,13.5 103.113925,13.5136793 103.419249,13.5407785 C101.566047,15.5446378 100.5,18.185162 100.5,21 C100.5,26.3198526 104.287549,30.7714322 109.339814,31.7756638 L109.516565,31.8092927 C107.615276,33.5209452 105.138081,34.5 102.5,34.5 Z' transform='translate(354.5 192)'%3E%3C/path%3E%3Cpolygon points='444 228 468 228 468 204 444 204'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}

.icon-invert {
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_1073' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_1073)'%3E%3Cpath d='M20 34.1666C16.5299 34.1666 13.5791 32.9674 11.1474 30.5689C8.71581 28.1704 7.5 25.2639 7.5 21.8494C7.5 20.1122 7.82853 18.5192 8.48558 17.0705C9.14264 15.6218 10.0342 14.3184 11.1602 13.1603L20 4.48724L28.8397 13.1603C29.9657 14.3184 30.8573 15.6298 31.5143 17.0946C32.1714 18.5593 32.4999 20.1442 32.4999 21.8494C32.4999 25.2639 31.2841 28.1704 28.8525 30.5689C26.4209 32.9674 23.47 34.1666 20 34.1666ZM20 31.6667V7.99999L12.9166 15C11.9444 15.9167 11.2152 16.9541 10.7291 18.1122C10.243 19.2703 9.99996 20.516 9.99996 21.8494C9.99996 24.5438 10.9722 26.8536 12.9166 28.7788C14.8611 30.7041 17.2222 31.6667 20 31.6667Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* Icon set end */

/* Accessibility Widget Styles */
.uw-widget-custom-trigger {
  border: none;
  border-radius: 70px;
  bottom: 36px;
  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: var(--gradient-warning);
  text-align: left;
  z-index: 99;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.uw-widget-custom-trigger svg {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.uw-widget-custom-trigger svg path {
  fill: white !important;
}

.uw-widget-custom-trigger:hover {
  max-width: 300px;
  background: var(--gradient-warning);
}

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

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

.uwaw-close {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.53341 19.3333L0.666748 17.4667L8.13341 10L0.666748 2.53334L2.53341 0.666672L10.0001 8.13334L17.4667 0.666672L19.3334 2.53334L11.8667 10L19.3334 17.4667L17.4667 19.3333L10.0001 11.8667L2.53341 19.3333Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: bold;
  transition: all 1s;
  overflow: hidden;
  border: none;
  background-color: transparent;
}

.uwaw {
  background: var(--color-white);
  max-width: 480px;
  min-height: 100%;
  width: 100%;
  filter: drop-shadow(0 15px 30px rgb(2 2 2 / 36%));
  max-height: 530px;
  right: -530px;
  position: fixed;
  z-index: 9999;  
  bottom: 0;
  transition: all 0.3s;
  font-family: 'Roboto', sans-serif !important;
}

.uwaw.open {
  right: 0;
}

.h-scroll::-webkit-scrollbar {
  background-color: var(--color-black);
  width: 4px;
}

.h-scroll::-webkit-scrollbar-track {
  background-color: #a7a7a7;
}

.h-scroll::-webkit-scrollbar-thumb {
  background-color: var(--gradient-warning);
  border-radius: 10px;
}

.uwaw-body {
  background: #ECEEF5;
  position: relative;
  z-index: 1;
  padding: 18px;
  margin-bottom: 15px;
}

.h-scroll {
  height: calc(100vh - 245px) !important;
  overflow-y: auto;
  overflow-x: hidden;
}

.reset-panel {
  position: absolute;
  width: 100%;
  bottom: 10px;
}

.second-panel {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  gap: 20px;
  justify-content: space-between;
  background-color: var(--gradient-warning);
}

.second-panel h3 {
  font-size: 20px;
  font-weight: 400;
  color: var(--color-white);
  margin: 0;
  font-family: 'Roboto', sans-serif !important;
}

.uwaw-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding-bottom: 15px;
}

.uwaw-features__item__i {
  position: relative;
  width: 100%;
  height: 124px;
  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: 7px;
  margin-top: 17px;
}

.uwaw-features__item__name {
  font-size: 13px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif !important;
  text-align: center;
}

.feature-active {
  position: relative;
}

/* Active icon styles */
.feature-active .uwaw-features__item__icon svg,
.feature-active .uwaw-features__item__name,
.feature-active .light_dark_icon i {
  color: var(--gradient-warning);
}

.feature-active .icon-bigger-text,
.feature-active .icon-small-text,
.feature-active .icon-line-hight,
.feature-active .icon-hide-images,
.feature-active .icon-dyslexia-font,
.feature-active .icon-cursor,
.feature-active .icon-highlight-links,
.feature-active .icon-text-spacing,
.feature-active .icon-moon,
.feature-active .icon-sun,
.feature-active .icon-invert,
.feature-active .icon-speaker {
  background-color: var(--gradient-warning);
}

/* Disabled button styles */
#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;
}

.feature-active .uwaw-features__item__i {
  border: 2px solid var(--gradient-warning);
  box-shadow: 0 0 0 5px rgba(0, 107, 230, 0.1);
}

.tick-active {
  background-color: var(--gradient-warning);
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.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.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.active {
  background: var(--gradient-warning);
}

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

.checkbox-label {
  font-size: 28px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}

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

.light_dark_icon i {
  font-size: 0;
}

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

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

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

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

body.dark {
  color: var(--color-white);
  background-color: #1a1a1a;
}

.copyrights-accessibility {
  background-color: var(--color-white);
  padding: 0 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-reset-all {
  width: 100%;
  padding: 10px;
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  transition: background-color 0.3s;
}

.btn-reset-all:hover {
  background: #c82333;
}

.reset-icon {
  margin-right: 5px;
}

.reset-btn-text {
  font-weight: 500;
}

/* Accessibility feature classes */
.ux4g-bg-cursor * {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="10" fill="black" stroke="white" stroke-width="2"/></svg>') 16 16, auto !important;
}

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

.ux4g-bg-white {
  background: var(--color-white) !important;
  filter: invert(1) !important;
}

.ux4g-bg-white #uw-main {
  filter: invert(1) !important;
  box-shadow: 0 15px 30px rgb(2 2 2 / 36%) !important;
}

.image-hide img,
.image-hide [style*="background-image"] {
  opacity: 0 !important;
}

.highlight-links a {
  background-color: yellow !important;
  color: black !important;
  border: 2px solid red !important;
  padding: 2px !important;
}

.text-spacing * {
  letter-spacing: 2px !important;
  word-spacing: 4px !important;
}

@media (max-width: 767px) {
  .uwaw {
    max-width: 100%;
    right: -100%;
  }
  
  .uwaw.open {
    right: 0;
  }
  
  .uwaw-features {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .uw-widget-custom-trigger {
    bottom: 20px;
    right: 10px;
    height: 60px;
    width: 60px;
    max-width: 60px;
    padding: 14px;
  }
  
  .uw-widget-custom-trigger svg {
    width: 28px;
    height: 28px;
  }
  
  .uw-widget-custom-trigger:hover {
    max-width: 60px;
  }
  
  .uw-widget-custom-trigger span {
    display: none;
  }
button#uw-widget-custom-trigger{
  background: var(--gradient-warning) !important;
  background-color: #f7971e !important; /* Fallback solid color */
}