html {
  font-size: 16px 0.3s ease;
}
html[dir='rtl'] {
  font-size: 18px;
}
body {
  font-size: 1.4rem;
}
h3 {
  font-size: 2rem;
}
h4 {
  font-size: 1.96rem;
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
p,
.text-lg,
.tabContainer button {
  font-size: 1rem;
}
a {
  font-size: 0.85rem;
}
#hero-section h1 {
  font-size: 2.5rem;
  line-height: 1.5;
}
#hero-section .silder-heading-height {
  min-height: 300px;
}
#hero-section .hero-box-card {
  min-width: 13rem;
}
.accessibile-sidebar {
  width: 75px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 32px;
  padding-top: 56px;
}
.accessibile-sidebar .close-btn {
  margin-top: 10px;
  margin-left: 20px;
  font-size: 20px;
}
.accessibile-sidebar .font-resizing-cls,
.accessibile-sidebar .speak-cls {
  width: 45px;
}
.accessibile-sidebar .increase-font-size,
.accessibile-sidebar .decrease-font-size,
.accessibile-sidebar .play-btn,
.accessibile-sidebar .pause-btn,
.accessibile-sidebar .stop-btn {
  height: 50px;
}
.accessibile-sidebar .font-resizing-img {
  height: 25px;
}
.accessibile-sidebar .speak-cls {
  margin-top: 16px;
}
.accessibile-sidebar .magnify-cls,
.accessibile-sidebar .color-contrast-cls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  width: 45px;
  height: 44px;
}
.accessibile-sidebar .theme-dropdown-cls {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 61px;
  width: 45px;
  padding-top: 16px;
  padding-bottom: 16px;
  background: #fff;
}
.accessibile-sidebar .theme-dropdown-cls div {
  background: black;
  color: white;
  border: 1px;
  border-radius: 5px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accessibile-sidebar .theme-dropdown-cls div:hover {
  cursor: pointer;
}
.accessibile-sidebar .theme-dropdown-cls div.contrast-btn#black-and-white {
  background: #000000 !important;
  color: #ffffff !important;
}
.accessibile-sidebar .theme-dropdown-cls div.contrast-btn#blue-and-yellow {
  background: #0000ff !important;
  color: #ffff00 !important;
}
.accessibile-sidebar
  .theme-dropdown-cls
  div.contrast-btn#darkblue-and-lightgreen {
  background: #000080 !important;
  color: #00ff00 !important;
}
.accessibile-sidebar .theme-dropdown-cls div.contrast-btn#mahroon-and-white {
  background: #800000 !important;
  color: #ffffff !important;
}
.accessibile-sidebar .theme-dropdown-cls div.contrast-btn#black-and-lightgreen {
  background: #2d2d2d !important;
  color: #96e45a !important;
}
.accessibile-sidebar .theme-dropdown-cls div.contrast-btn#reset-contrast {
  background: #57a021 !important;
  color: white !important;
}

@media only screen and (width < 64rem) {
  #hero-section h1 {
    font-size: 2rem;
  }
}
@media only screen and (width < 48rem) {
  #hero-section h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (width >= 80rem) {
  .xl-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* Accessibility Theme: Black BG + White Text */
.accessible-theme-black-and-white,
.accessible-theme-black-and-white * {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  fill: #ffffff !important;
}

.accessible-theme-black-and-white a {
  color: #ffffff !important;
  text-decoration: underline;
}

.accessible-theme-black-and-white .bg-black,
.accessible-theme-black-and-white .bg-white,
.accessible-theme-black-and-white .bg-gray-800,
.accessible-theme-black-and-white .bg-\[\#262262\],
.accessible-theme-black-and-white .bg-\[\#57A021\],
.accessible-theme-black-and-white .bg-blue-500 {
  background-color: #000000 !important;
}

.accessible-theme-black-and-white .text-black,
.accessible-theme-black-and-white .text-white,
.accessible-theme-black-and-white .text-gray-800,
.accessible-theme-black-and-white .text-\[\#262262\],
.accessible-theme-black-and-white .text-\[\#555555\],
.accessible-theme-black-and-white .text-gray-100,
.accessible-theme-black-and-white .text-gray-500 {
  color: #ffffff !important;
}

.accessible-theme-black-and-white .border-black,
.accessible-theme-black-and-white .border-white,
.accessible-theme-black-and-white .border-gray-800 {
  border-color: #ffffff !important;
}

.accessible-theme-black-and-white svg {
  fill: #ffffff !important;
}

/* Accessibility Theme: Blue BG + Yellow Text */
.accessible-theme-blue-and-yellow,
.accessible-theme-blue-and-yellow * {
  background-color: #0000ff !important;
  color: #ffff00 !important;
  border-color: #ffff00 !important;
  fill: #ffff00 !important;
}

.accessible-theme-blue-and-yellow a {
  color: #ffff00 !important;
  text-decoration: underline;
}

.accessible-theme-blue-and-yellow .bg-black,
.accessible-theme-blue-and-yellow .bg-white,
.accessible-theme-blue-and-yellow .bg-gray-800,
.accessible-theme-blue-and-yellow .bg-\[\#262262\],
.accessible-theme-blue-and-yellow .bg-\[\#57A021\],
.accessible-theme-blue-and-yellow .bg-blue-500 {
  background-color: #0000ff !important;
}

.accessible-theme-blue-and-yellow .text-black,
.accessible-theme-blue-and-yellow .text-white,
.accessible-theme-blue-and-yellow .text-gray-800,
.accessible-theme-blue-and-yellow .text-\[\#262262\],
.accessible-theme-blue-and-yellow .text-\[\#555555\],
.accessible-theme-blue-and-yellow .text-gray-100,
.accessible-theme-blue-and-yellow .text-gray-500 {
  color: #ffff00 !important;
}

.accessible-theme-blue-and-yellow .border-black,
.accessible-theme-blue-and-yellow .border-white,
.accessible-theme-blue-and-yellow .border-gray-800 {
  border-color: #ffff00 !important;
}

.accessible-theme-blue-and-yellow svg {
  fill: #ffff00 !important;
}

/* Accessibility Theme: Dark Blue BG + Light Green Text */
.accessible-theme-darkblue-and-lightgreen,
.accessible-theme-darkblue-and-lightgreen * {
  background-color: #000080 !important;
  color: #00ff00 !important;
  border-color: #00ff00 !important;
  fill: #00ff00 !important;
}

.accessible-theme-darkblue-and-lightgreen a {
  color: #00ff00 !important;
  text-decoration: underline;
}

.accessible-theme-darkblue-and-lightgreen .bg-black,
.accessible-theme-darkblue-and-lightgreen .bg-white,
.accessible-theme-darkblue-and-lightgreen .bg-gray-800,
.accessible-theme-darkblue-and-lightgreen .bg-\[\#262262\],
.accessible-theme-darkblue-and-lightgreen .bg-\[\#57A021\],
.accessible-theme-darkblue-and-lightgreen .bg-blue-500 {
  background-color: #000080 !important;
}

.accessible-theme-darkblue-and-lightgreen .text-black,
.accessible-theme-darkblue-and-lightgreen .text-white,
.accessible-theme-darkblue-and-lightgreen .text-gray-800,
.accessible-theme-darkblue-and-lightgreen .text-\[\#262262\],
.accessible-theme-darkblue-and-lightgreen .text-\[\#555555\],
.accessible-theme-darkblue-and-lightgreen .text-gray-100,
.accessible-theme-darkblue-and-lightgreen .text-gray-500 {
  color: #00ff00 !important;
}

.accessible-theme-darkblue-and-lightgreen .border-black,
.accessible-theme-darkblue-and-lightgreen .border-white,
.accessible-theme-darkblue-and-lightgreen .border-gray-800 {
  border-color: #00ff00 !important;
}

.accessible-theme-darkblue-and-lightgreen svg {
  fill: #00ff00 !important;
}

/* Accessibility Theme: Mahroon BG + White Text */
.accessible-theme-mahroon-and-white,
.accessible-theme-mahroon-and-white * {
  background-color: #800000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  fill: #ffffff !important;
}

.accessible-theme-mahroon-and-white a {
  color: #ffffff !important;
  text-decoration: underline;
}

.accessible-theme-mahroon-and-white .bg-black,
.accessible-theme-mahroon-and-white .bg-white,
.accessible-theme-mahroon-and-white .bg-gray-800,
.accessible-theme-mahroon-and-white .bg-\[\#262262\],
.accessible-theme-mahroon-and-white .bg-\[\#57A021\],
.accessible-theme-mahroon-and-white .bg-blue-500 {
  background-color: #800000 !important;
}

.accessible-theme-mahroon-and-white .text-black,
.accessible-theme-mahroon-and-white .text-white,
.accessible-theme-mahroon-and-white .text-gray-800,
.accessible-theme-mahroon-and-white .text-\[\#262262\],
.accessible-theme-mahroon-and-white .text-\[\#555555\],
.accessible-theme-mahroon-and-white .text-gray-100,
.accessible-theme-mahroon-and-white .text-gray-500 {
  color: #ffffff !important;
}

.accessible-theme-mahroon-and-white .border-black,
.accessible-theme-mahroon-and-white .border-white,
.accessible-theme-mahroon-and-white .border-gray-800 {
  border-color: #ffffff !important;
}

.accessible-theme-mahroon-and-white svg {
  fill: #ffffff !important;
}

/* Accessibility Theme: Black BG + Light Green Text */
.accessible-theme-black-and-lightgreen,
.accessible-theme-black-and-lightgreen * {
  background-color: #000000 !important;
  color: #96e45a !important;
  border-color: #96e45a !important;
  fill: #96e45a !important;
}

.accessible-theme-black-and-lightgreen a {
  color: #96e45a !important;
  text-decoration: underline;
}

.accessible-theme-black-and-lightgreen .bg-black,
.accessible-theme-black-and-lightgreen .bg-white,
.accessible-theme-black-and-lightgreen .bg-gray-800,
.accessible-theme-black-and-lightgreen .bg-\[\#262262\],
.accessible-theme-black-and-lightgreen .bg-\[\#57A021\],
.accessible-theme-black-and-lightgreen .bg-blue-500 {
  background-color: #000000 !important;
}

.accessible-theme-black-and-lightgreen .text-black,
.accessible-theme-black-and-lightgreen .text-white,
.accessible-theme-black-and-lightgreen .text-gray-800,
.accessible-theme-black-and-lightgreen .text-\[\#262262\],
.accessible-theme-black-and-lightgreen .text-\[\#555555\],
.accessible-theme-black-and-lightgreen .text-gray-100,
.accessible-theme-black-and-lightgreen .text-gray-500 {
  color: #96e45a !important;
}

.accessible-theme-black-and-lightgreen .border-black,
.accessible-theme-black-and-lightgreen .border-white,
.accessible-theme-black-and-lightgreen .border-gray-800 {
  border-color: #96e45a !important;
}

.accessible-theme-black-and-lightgreen svg {
  fill: #96e45a !important;
}
