/*==================================================================
            <-- Start light-theme Style Css -->
====================================================================*/

/* Dark Lite */

.dark-light {
    cursor: pointer;
}

.dark-light span {
    color: #fff;
    font-size: 35px;
}

body.dark-theme {
    color: #fff !important;
}

/* light-theme Btn Style Css */

.light-theme {
    color: #303030 !important;
}

.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 */

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


/*==================================================================
        <-- End light-theme Style Css -->
====================================================================*/






/* Default Heading Css  */

.dark-theme h2 {
    color: #fff !important;
}
.dark-theme h4 {
    color: #fff !important;
}



/* Header area css*/

.dark-theme .header-area {
    background: #032552 !important;
}
.dark-theme .main-logo .header-logo1 {
    display: none !important;
}
.dark-theme .main-logo .header-logo2 {
    display: inherit !important;
}
.dark-theme .finweb-menu ul li a {
    color: #fff !important;
}
.dark-theme .header-search-button a {
    color: #fff !important;
}
.dark-theme .finweb-btn a {
    background: transparent;
    border: 2px solid #fff;
}
.dark-theme .finweb-btn a:hover {
    background: #fff !important;
    border: 2px solid #fff !important;
    color: #04306d !important;
}
.dark-theme .finweb-menu ul li a.home-active::before {
    background: #fff !important;
}
.dark-theme .finweb-menu ul li a::before {
    background: #fff !important;
}
.dark-theme .finweb-menu ul li ul.sub-menu li a {
    color: #1a1a1a !important;
}
.dark-theme .finweb-menu ul li ul.sub-menu li a:hover {
    color: #fff !important;
}


/* Fliping area css*/


.dark-theme .front-card-heading h4 {
    color: #04316d !important;
}


/* About area css*/

.dark-theme .about-area {
    background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}
.dark-theme .about-inner-item .about-icon-img img {
	filter: brightness(0) invert(1);
}
.dark-theme .about-thume-shape {
    display: none;
}
.dark-theme .about-thume-shape2 {
    display: inherit !important;
    z-index: 1;
}
.dark-theme .about-btn a:hover {
	border: 2px solid #fff;
	color: #fff !important;
}


/* Project area css*/


.dark-theme .project-area {
    background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}
.dark-theme .project-menu .active {
	color: #04306d !important;
	background: #fff;
	padding: 3px 14px;
}
.dark-theme ul.project-menu li {
	color: #fff !important;
}


/* Team area css*/

.dark-theme .team-area {
	background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}
.dark-theme .team-content h4 {
    color: #04316d !important;
}


/* Testimonial area css*/

.dark-theme .testimonial-area {
    background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}
.dark-theme .testi-paragraph p {
	color: #848484 !important;
}
.dark-theme .testi-member-content h4 {
	color: #1a1a1a !important;
}



/* Pricing area css*/


.dark-theme .pricing-area {
	background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}
.dark-theme .pricing-top-content p {
    color: #848484;
}
.dark-theme .pricing-middle-content h2 {
	color: #0d0d0d !important;
}

.dark-theme .pricing-item-box:hover .pricing-middle-content h2 {
	color: #fff !important;
}


/* Blog area css*/

.dark-theme .blog-area {
    background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}
.dark-theme .blog-content h4 {
    color: #04316d !important;
}
.dark-theme .blog-two-area {
    background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}
.dark-theme .blog-Recent-Post-content p {
	color: #848484;
}


/* Contact area css*/

.dark-theme .contact-two-area {
    background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}
.dark-theme .contact-area {
    background-image: linear-gradient(13deg, #02152F 0%, #04316d 100%);
}

.dark-theme .contact-title h2 {
    color: #04316d !important;
}