.dark_btn {
    z-index: 999;
    background: #514842;
    padding: 6px 10px;
    color: #fff;
    font-size: 20px;
    border-radius: 5px 0 0 5px;;
        cursor: pointer;
}
/* Dark Mode */
.dark-mode .banner--style2 {
        background-image: url(../img/bg_hero_light.png) !important;
} 
.dark-mode .about {
    background: #ffffff;
}
.dark-mode .pricing {
    background: #fff;
}
.dark-mode .service {
    background: #fff;
}
.dark-mode .footer {
    background-color: #3bccda;
    color: #0000;
}
.dark-mode .faq {
    background-color: #ffffff;
}
.dark-mode #call-to-action {
    background-color: #ffffff;
}
.dark-mode .banner--style2 .banner__content h1 span {
    color: #070707;
}
.dark-mode .header-section--style3.header-fixed {
    background-color: #3bccda;
}
.dark-mode .menu--style2 li a {
    color: #fff !important;
}
.dark-mode .banner--style2 {
    background-color: #ffffff;
}
.dark-mode h1, 
.dark-mode h2, 
.dark-mode h3, 
.dark-mode h4, 
.dark-mode h5, 
.dark-mode h6 {
    color: #000000;
}
.dark-mode .about__content-inner p {
    color: rgb(0 0 0 / 60%);
}
.dark-mode .service__item--style2 .service__item-inner {
    background: #3bccda;
    border: 2px solid transparent;
}
.dark-mode .service__item-content p {
    color: rgb(0 0 0 / 60%);
}
.dark-mode body {
background: #fff;
}
.dark-mode .counter_sec .stat-item {
    color:#000;
}
.dark-mode .counter_sec {
     background: #fff;
    padding: 0;
        padding-bottom: 40px;
}
.dark-mode .section-header p {
    color: #000;
}
.dark-mode .pricing__shape-item--3 {
    border: 2px solid rgb(0 0 0 / 16%);
}
.dark-mode .pricing__shape-item--3 span {
        background: linear-gradient(4deg, rgb(0 0 0 / 13%) 0%, rgb(26 27 28 / 23%) 100%);
}
.dark-mode .logo_sl p {
 color:#000;   
}
.dark-mode .accordion--style2 .accordion__button {
    background-color: #3bccda;
    color: #000000;
}
.dark-mode .accordion--style2 .accordion__body {
    background-color: #3bccda;
    color: #000;
}
.dark-mode .call-to-action .container {
    background: #2c97a1;
}
.dark-mode .trk-btn--primary {
    background-color: #000000;
    border: 1px solid #fff;
    color: #fff !important;
}
.dark-mode .footer__linklist-item a {
    color: rgb(24 23 23 / 60%);
        
} 
.dark-mode .footer__links p {
    color: rgb(24 23 23 / 60%) !important;
}
.dark-mode .social__link--style5 {
    background: #000;
}
.dark-mode .social__link--style5 img {
        border-radius: 50px;
}
.dark-mode .footer__about-moto {
 color: rgb(24 23 23 / 60%) !important;   
}
.dark-mode .footer__end-copyright {
 color: rgb(24 23 23 / 60%) !important;      
}
.dark-mode .page-header {
        background: #3bccdabf;
}
.dark-mode .policy_pages, .dark-mode .payment_proof {
        background: #fff;
}
.dark-mode .contact__item-content p,
.dark-mode .policy_pages p {
 color: rgb(24 23 23 / 60%) !important;         
}
.dark-mode .form-label {
    color: #000000;
}
.dark-mode .contact {
 background: #fff;   
}
.dark-mode .modal-content {
    color: #000;
    background-color: #ffffff;
}
.dark-mode .btn-close {
    filter: brightness(0.5) !important;
}
body.dark-mode {
    background: #ffffff;
}
.dark-mode .form-group .form-control {
    background: #ffffff;
    border-color: #000;
    COLOR: #000;
}
.dark-mode .form_area a {
    color: #000;
}
.dark-mode .form_area p,
.dark-mode .form_area label{
    color: #000;
}
.dark-mode .gmail_login span {
        color: #000000;
    position: relative;
    background: #ffffff;
}
.dark-mode .gmail_login button {
        border: 1px solid #3bccda;
    background: #3bccda;
}
.policy_pages ul {
    margin-bottom: 40px;
}
.dark-mode .policy_pages li,
.dark-mode .policy_pages a {
    color: black;
}