/* Default Light Mode */
body {
    background-color: white;
    color: black;
    transition: background-color 0.3s, color 0.3s;
  }
  
  /* Dark Mode */
  body.dark-mode {
    background-color: #121212;
    color: #f0f0f0;
  }
  
  /* Toggle Button Style */
  #theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 30px;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.3s;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  
  
  body.dark-mode #theme-toggle {
  background-color: rgba(255, 255, 255, 0.1);
}


/* Hover in Light Mode */
body:not(.dark-mode) #theme-toggle svg:hover {
    transform: scale(1.1);
    
  }
  
  /* Hover in Dark Mode */
  body.dark-mode #theme-toggle svg:hover {
    transform: scale(1.1);
    
  }
  
  #theme-toggle svg {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
  }
  












body.dark-mode p {
	color: #bfbfbf;
}

body.dark-mode .pagelayer-row{
	background-color: #0000;
}

body.dark-mode .pagelayer-col{
	
	background-color: #0000;
}


body.dark-mode .pagelayer-tab{
	background-color: #0000 ;
}

body.dark-mode .pagelayer-tablinks{
	color: #ffffff !important;
	background-color: #0000 !important;
}

body.dark-mode .pagelayer-tablinks.active{
	color: #ffffff !important;
	background-color: #ff9c1a !important;
}

body.dark-mode .pagelayer-tablinks:hover{
	color: #000000 !important;
	background-color: #ff9c1a !important;
}


body.dark-mode iframe, body.dark-mode .comment-form { 
  filter: invert(1) hue-rotate(180deg);
}

body.dark-mode h2 {
	color: #ffffff !important;
}

body.dark-mode .comments-area{
	background-color: #0000 !important;
} 


body.dark-mode .pagelayer-post_nav, body.dark-mode .pagelayer-share_grp, body.dark-mode .pagelayer-post-info-label{
	filter: invert(1) hue-rotate(180deg);

}

 body.dark-mode .pagelayer-iconbox{
	background: #1e1e1e;
  box-shadow: none !important;

}

body.dark-mode .pagelayer-service-heading{
	color: #ffffff ;
	
}

body.dark-mode .pagelayer-counter{
	filter: invert(1) hue-rotate(180deg);

}

#theme-toggle {
  background: white;
  mix-blend-mode: difference;  
}