:root {
  --bg-color: #0E141B;
  --text-color: #111111;
  --section-bg: #f5f5f5;
  --border-color: #dddddd;
  --accent-color: #0066ff;
}

body.light-mode {
  --bg-color: #fff;
  --text-color: #ffffff;
  --section-bg: #1c1c1c;
  --border-color: #333333;
  --accent-color: #4da3ff;
}

body {
  background: var(--bg-color) !important;
}
.light-mode .dark{
	display:none;
	}

.light-mode .light{
	display:block !important;
	}
.light-mode .dark_header_desktop{
	display:none;
	}
.light-mode .light_header_desktop{
	display:block !important;
	}
@media screen and (max-width: 767px) {
 .light-mode .dark_header_mobile{
	display:none;
	} 
	.light-mode .light_header_desktop{
	display:none !important;
	}
	.light-mode .light_header_mobile{
	display:block !important;
	} 
}
/* Toggle Button UI */
#adl-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--section-bg);
  color: var(--text-color);
  border: 1px solid var(--border-color);
  padding: 10px 14px;
  border-radius: 50px;
  cursor: pointer;
  z-index: 9999;
}