#darkModeToggle{
  position: fixed; 
  bottom: 300px; 
  right: 10px;
  z-index: 5;
  padding: .75rem;
  border: none;
  font-size: 1.2rem;
  background-color: var(--white);
  border-radius: 2rem;
  transition: 0.3s;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
}

#darkModeToggle.dark-active {
  background-color: var(--text-dark); 
  border: 2px solid var(--extra-light); 
}

#darkModeToggle:hover{
  background-color: #333;
  border: none;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3{
  color: #fff; 
}

body.dark-mode .testimonial-card,
body.dark-mode .web-side2{
  background-color: var(--text-dark);
}
body.dark-mode .btn:nth-child(2){
  border: 2px solid var(--white);
  
}

body.dark-mode .btn:nth-child(2) a{
  color: var(--white);
}

body.dark-mode #column h2,
body.dark-mode #column p{
  color: var(--text-dark);
}

body.dark-mode .social-share a{
  background-color: var(--text-dark);
  border: none;
  color: var(--white);
}

body.dark-mode #column form input{
  border-color: var(--text-dark);
}

body.dark-mode #column form button{
  background-color: var(--text-dark);
  color: var(--white);
  border: none;
}