.not-affect{font-size: 16px !important; font-family: "Open Sans", sans-serif !important; color: #333 !important; letter-spacing: normal !important; text-align:initial !important; justify-content: initial !important; line-height: normal !important;}
html body.contrast-black .not-affect p,
html body.contrast-red .not-affect p{color: #333 !important;}
.not-affect p{font-size: 16px !important;}

#btn-decrease {
  font-size:12px;
}
#btn-orig {
  font-size:14px;
}
#btn-increase {
  font-size:12px;
}


/* Constrast White */
html body.contrast-white,
html body.contrast-black .getstarted,
html body.contrast-red .getstarted,
html body.contrast-black .btn-get-started,
html body.contrast-red .btn-get-started,
html body.contrast-black .about .btn-read-more,
html body.contrast-red .about .btn-read-more{
	background: #fff !important;
	color: #333 !important;
	box-shadow: none;
}
html body.contrast-white h1,
html body.contrast-white p,
html body.contrast-white div,
html body.contrast-black .btn-get-started span,
html body.contrast-black .about .btn-read-more span,
html body.contrast-red .btn-get-started span,
html body.contrast-red .about .btn-read-more span{
	color: #333 !important;
}

/* Constrast Black */
html body.contrast-black,
html body.contrast-black .header,
html body.contrast-black .hero,
html body.contrast-black .about .content{
	background: #333 !important;
	color: #fff !important;
	box-shadow: none;
}
html body.contrast-black h1,
html body.contrast-black h2,
html body.contrast-black h3,
html body.contrast-black h4,
html body.contrast-black h5,
html body.contrast-black h6,
html body.contrast-black p,
html body.contrast-black a,
html body.contrast-black span {
	color: #fff !important;
}

/* Constrast Red */
html body.contrast-red,
html body.contrast-red .header,
html body.contrast-red .hero,
html body.contrast-red .about .content{
	background: red !important;
	color: #fff !important;
	box-shadow: none;
}

html body.contrast-red h1,
html body.contrast-red h2,
html body.contrast-red h3,
html body.contrast-red h4,
html body.contrast-red h5,
html body.contrast-red h6,
html body.contrast-red p,
html body.contrast-red a,
html body.contrast-red span {
	color: #fff !important;
}

/* Constrast Default */
html body.contrast-n{
	background: transparent !important;
	box-shadow: none;
}



button#increasetext {
	font-size: 1.50em;
}

button#resettext {
	font-size: 1.25em;
}

button#decreasetext {
	font-size: 1.125em;
}

/* Style for highlighted links */
.highlighted{
    background-color: yellow !important;
	color: #000 !important;
  }

/* Default text alignment */
.text-c,
.text-c .features .feature-icons h3,
.text-c .section-header,
.text-c .values .box,
.text-c .footer .footer-top .footer-links ul li,
.text-c .footer .footer-top h4{
    text-align: center !important;
	justify-content: center !important;
  }

  .text-l,
  .text-l .features .feature-icons h3,
  .text-l .section-header,
  .text-l .values .box,
  .text-l .footer .footer-top .footer-links ul li,
  .text-l .footer .footer-top h4{
    text-align: left !important;
	justify-content: left !important;
  }
  .text-r,
  .text-r .features .feature-icons h3,
  .text-r .section-header,
  .text-r .values .box,
  .text-r .footer .footer-top .footer-links ul li,
  .text-r .footer .footer-top h4{
    text-align: right !important;
	justify-content: end !important;
  }


  .footer .footer-top .footer-info .logo span{margin:0 auto;}
  /* Big cursor style */
.big-cursor {
	cursor: url('../images/big-cursor.png'), auto; /* Replace 'big-cursor.png' with your cursor image */
  }
  
  /* Anchor tag hover style */
  .big-cursor a:hover {
	cursor: url('../images/big-cursor.png'), auto; /* Use big cursor on hover */
  }
.image-hide img{ display: none;}  
body.arial,
.arial .header .logo span,
.arial .footer .footer-top .footer-info .logo span,
.arial .footer .footer-top .footer-info p,
.arial .pricing .btn-buy,
.arial .pricing .price,
.arial .counts .count-box p,
.arial .about .btn-read-more span,
.arial .hero .btn-get-started span,
.arial .navbar a,
.arial .navbar a:focus,
.arial h1,
.arial h2,
.arial h3,
.arial h4,
.arial h5,
.arial h6 {font-family: Arial, Helvetica, sans-serif !important;}

	/* Hide the skip links by default */
  .skip-link {
    position: fixed;
    left: -9999px;
}

/* Display the skip links when focused */
.skip-link:focus {
    left: 10px;
    top: 10px;
    background-color: #007bff;
    color: white;
    padding: 5px 10px;
    z-index: 9999;
}


  /* Define high contrast class */
  .high-contrast img,
  .high-contrast p,
  .high-contrast span,
  .high-contrast a,
  .high-contrast h1,
  .high-contrast h2,
  .high-contrast h3,
  .high-contrast h4,
  .high-contrast h5,
  .high-contrast h6{filter: brightness(100%) contrast(100%) saturate(200%);}

  /* Define invert colors class */
  .inverted img,
  .inverted p,
  .inverted span,
  .inverted a,
  .inverted h1,
  .inverted h2,
  .inverted h3,
  .inverted h4,
  .inverted h5,
  .inverted h6{filter: invert(100%);}

  /* Define grayscale class */
  
  .grayscale img,
  .grayscale p,
  .grayscale span,
  .grayscale a,
  .grayscale h1,
  .grayscale h2,
  .grayscale h3,
  .grayscale h4,
  .grayscale h5,
  .grayscale h6{filter: grayscale(100%);}

 .overlay {
    position: absolute;
    background-color: black;
    opacity: 0.6;
    width: 100%;
    display: none;
    z-index: 10000;
}
.reading-guide {
    position: absolute;
    background-color: black;
    display: none;
    border: 3px solid #5969f3; border-radius: 100px;
    width: 300px;
    height: 10px;
    overflow: hidden;
    z-index: 10000;
}
.text-magnifier {
  position: absolute;
  background-color: black;
  opacity: 0.8;
  width: 500px;
  color: white;
  font-size:30px;
  padding:10px;
  z-index: 10000;
}
  /* Styles for the chat button */
  #chatBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    z-index: 1000;
  }

  /* Styles for the chat box */
  #chatBox {
    display: none; /* Initially hidden */
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #F6F6F6;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000000;
    overflow-y: auto;
    max-height: 700px;
    width:350px;
  }

  /* Styles for the close icon */
  .close-icon {font-size:20px !important;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color:#fff;
  }

 #skip-to-menu + #menu .header{border: 5px solid red !important;} 
 :focus {
  outline: 2px solid blue;
}