/* Toggle Switch Styles */
.dark-mode-toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.dark-mode-toggle .toggle-track {
	display: inline-block;
	width: 50px;
	height: 24px;
	background-color: #ccc;
	border-radius: 12px;
	position: relative;
	transition: background-color 0.3s ease;
}

.dark-mode-toggle .toggle-indicator {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 2px;
	transition: left 0.3s ease;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

body.dark-mode .dark-mode-toggle .toggle-track {
	background-color: #4a4a4a;
}

body.dark-mode .dark-mode-toggle .toggle-indicator {
	left: 28px;
	background-color: #f0f0f0;
}

/* Dark Mode Styles */
body.dark-mode {
	background-color: #1a1a1a;
	color: #e0e0e0;
}

body.dark-mode header,
body.dark-mode #header {
	background-color: #242424;
	border-bottom-color: #333;
}

body.dark-mode .navbar-default {
	background-color: #242424;
	border-color: #333;
}

body.dark-mode .navbar-default .navbar-nav > li > a {
	color: #e0e0e0;
}

body.dark-mode .navbar-default .navbar-nav > li > a:hover {
	color: #fff;
	background-color: #333;
}

body.dark-mode .dropdown-menu {
	background-color: #2d2d2d;
	border-color: #444;
}

body.dark-mode .dropdown-menu > li > a {
	color: #e0e0e0;
}

body.dark-mode .dropdown-menu > li > a:hover {
	color: #fff;
	background-color: #333;
}

body.dark-mode input[type="search"],
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode textarea {
	background-color: #2d2d2d;
	color: #e0e0e0;
	border-color: #444;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
	color: #999;
}

body.dark-mode .visual,
body.dark-mode main {
	background-color: #1a1a1a;
	color: #e0e0e0;
}

body.dark-mode .info {
	background-color: #1a1a1a;
	color: #e0e0e0;
}

body.dark-mode .info:before {
	background-color: #242424;
}

body.dark-mode .txt-frame,
body.dark-mode .img-frame {
	color: #e0e0e0;
}

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

body.dark-mode .txt-box {
	color: #d0d0d0;
}

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

body.dark-mode .tild {
	color: #fff;
}

body.dark-mode .heading4 {
	color: #fff;
}

body.dark-mode .designation {
	color: #b7b7b7;
}

body.dark-mode .info.testimonial .txt-frame:after,
body.dark-mode .info.blogs .txt-frame:after {
	background-color: #242424;
}

body.dark-mode .info .slider .slide {
	background-color: #2d2d2d;
	color: #e0e0e0;
	box-shadow: 0 14px 54px rgba(0, 0, 0, .6);
}

body.dark-mode .info .slider blockquote {
	color: #e0e0e0;
}

body.dark-mode .info .slider blockquote q {
	color: #d0d0d0;
}

body.dark-mode footer {
	background-color: #242424;
	color: #e0e0e0;
	border-top-color: #333;
}

body.dark-mode footer a {
	color: #64b5f6;
}

body.dark-mode footer a:hover {
	color: #90caf9;
}

body.dark-mode .sub-nav a {
	color: #e0e0e0;
}

body.dark-mode .sub-nav a:hover {
	color: #64b5f6;
}

body.dark-mode .logo-footer {
	filter: brightness(0.9);
}

body.dark-mode #back-top {
	background-color: #333;
	color: #e0e0e0;
}

body.dark-mode #back-top:hover {
	background-color: #444;
}

body.dark-mode .align-right .search-area a {
	color: #e0e0e0;
}

body.dark-mode .align-right .search-area .search {
	color: #e0e0e0;
}

body.dark-mode .align-right .search-area .mail {
	color: #e0e0e0;
}

/* Smooth transition for dark mode */
body, body * {
	transition: background-color 0.3s ease, color 0.3s ease;
}