

/* -----------------------Switch Mode Style Start Here-------------------------- */

/* .light-mode .switch-mode { */
/* 	background-color: #262d3f; */
/* } */
.switch-mode {
/* 	position: relative; */
/* 	top: auto; */
/* 	background-color: #e1bb00; */
/* 	padding: 4px !important; */
	z-index: 5;
	border-radius: 0;
/* 	-webkit-box-shadow: 0px 4px 6px 0px rgba(66, 66, 66, 1); */
/* 	-moz-box-shadow : 0px 4px 6px 0px rgba( 66, 66, 66, 1); */
/* 	box-shadow: 0px 4px 6px 0px rgba(66, 66, 66, 1); */
/* 	margin-right: 10px; */
/* 	-moz-box-shadow: 0px 4px 6px 0px rgba(66, 66, 66, 1); */
/* 	position: fixed; */
/* 	top: 100px; */
/* 	right: 0; */
	display: inline-block;
	vertical-align: top;
}


.switch-mode .switch-btn-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .switch-mode .switch-btn-list .switch-btn { */
/* 	margin: 0; */
/* } */
/* .dark-mode .switch-btn .dark-btn { */
/* 	display: none; */
/* } */
/* .light-mode .switch-btn .light-btn { */
/* 	display: none; */
/* } */



.switch-mode .switch-btn-list .switch-btn button {
	border-radius: 0;
}

.switch-btn .sbtn {
	text-align: center;
	color: #ffffff;
/* 	font-size: 22px; */
	line-height: 30px;
/* 	height: 30px; */
/* 	width: 30px; */
	border: 1px solid transparent;
	border-radius: 0;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background: transparent;
/* 	padding: 2px; */
	-moz-transform: perspective(1px) translateZ(0);
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgb(0 0 0/ 0%);
	-moz-animation-name: hvr-pulse;
	-webkit-animation-name: hvr-pulse;
	animation-name: hvr-pulse;
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}



.light-mode .switch-btn .light-btn{
	display: none;
}
.light-mode .switch-mode{
/* 	background-color: #262d3f; */
}
.dark-mode .switch-btn .dark-btn{
	display: none;
}
