/* Dark Lite */

.dark-light {
    cursor: pointer;
}

.dark-light span {
    color: #fff;
    font-size: 35px;
}
.dark-light span {
    color: #000000;
    font-size: 35px;
    position: relative;
    top: 5px;
}
.dark-light {
	display: inline-block;
	right: -1px;
	top: 20%;
	z-index: 11;
	position: fixed;
	background: #fff;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 50px;
	border-radius: 5px 0px 0px 5px;
	border: 1px solid #ddd;
}
/* Dark-Theme Btn Color Change Css */

.darkmode .dark-light {
	background: #032552;
    border: 1px solid #113260;
}
.darkmode .dark-light span {
	color: #fff !important;
}
.darkmode .dark-light span.light-sun-mode {
    display: none;
}
.darkmode .dark-light span.dark-sun-mode {
    display: inherit !important;
}

.darkmode {
  background-color:  #032552 !important;
  color: rgb(255, 255, 255);
  transition: 0.5s;
}

.darkmode h1 {
  color: #fff !important;
}

.darkmode h2 {
  color: #fff !important;
}

.darkmode h3 {
  color: #fff !important;
}

.darkmode h4 {
  color: #fff !important;
}

.darkmode h4 a{
  color: #fff !important;
}

.darkmode h5 {
  color: #fff !important;
}

.darkmode a {
  color: #fff !important;
}

.darkmode p {
  color: #fff !important;
}
/* Header area css*/

.darkmode .header-area {
    background: #032552 !important;
}
.darkmode .main-logo .header-logo1 {
    display: none !important;
}
.darkmode .main-logo .header-logo2 {
    display: inherit !important;
}
.darkmode .finweb-btn a {
    background: transparent;
    border: 2px solid #fff;
}
.darkmode .finweb-btn a:hover {
    background: #fff !important;
    border: 2px solid #fff !important;
    color: #04306d !important;
}
.darkmode .sub-menu li a{
  color: #1a1a1a !important;
}
.darkmode .sub-menu li a:hover{
  color: #fff !important;
}
.darkmode .feature-section{
  background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}

.darkmode .feature-icon,
.darkmode .why-thumb{
  filter: invert(1);
}

.darkmode .feature2-icon {
  filter: invert(1);
}

.darkmode .shop-cart ul li i{
  background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}

.darkmode .shops-cart span{
  background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}

.darkmode .section-button a:hover, 
.darkmode .features-button a:hover,
.darkmode .section-button2 a:hover,
.darkmode .section-btn a:hover{
  background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}

.darkmode .blog-section .section-button2 a:hover{
  color: #fff !important;
}

.darkmode .section-title span{
  color: #fff !important;
}

.darkmode .service-number span{
  color: #fff !important;
  border: 1px solid #fff;
}

.darkmode .footer-form button{
  color: #fff !important;
}

.darkmode blockquote{
  color: #fff !important;
}

.darkmode .form-box select{
  color: #fff !important;
}

.darkmode input.form-field:not([type="submit"]):not([type="checkbox"]):not(
  [type="radio"]
):not([type="range"])::placeholder {
  color: #fff !important;
}

.darkmode .table>:not(caption)>*>*{
  color: #fff !important;
}

.darkmode select.form-field{
  color: #fff !important;
}

.darkmode .form-box input::placeholder,
.darkmode .form-box textarea::placeholder,
.darkmode .footer-form input::placeholder,
.darkmode .form_field input::placeholder{
  color: #fff !important;
} 

.darkmode .form-box input,
.darkmode .form-box textarea,
.darkmode .form_field input{
  background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}

.darkmode .blog-single-box,
.darkmode .checkout-box{
  background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}

.darkmode .services-section,
.darkmode .shop-two-section{
  background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}

.darkmode .services-single-box,
.darkmode .single-shops{
  border: 1px solid #808080;
}

.darkmode .footer-form button{
  background-color: rgb(32, 32, 32);
}

.darkmode .blog-section .owl-prev i,
.darkmode .blog-section .owl-next i{
  background-color: rgb(32, 32, 32);
}

.darkmode .form-box select,
.darkmode select.form-field{
  background-color: rgb(32, 32, 32);
}

.darkmode input.form-field:not([type="submit"]):not([type="checkbox"]):not(
  [type="radio"]
):not([type="range"]) {
  background-color: rgb(32, 32, 32);
}

.darkmode .why-choose-section {
  background-image: url(../image/why-d-bg.png);
}


/* .darkmode .form_field_inner input,
.darkmode .blog-section .owl-next i
.darkmode .section-button a
.darkmode .feature-section
.darkmode .table>:not(caption)>*>*
.darkmode .form_field input{
  background-color: rgb(10, 10, 10);
}
*/