.dark-mode img {
    filter: grayscale(100%);
}
.dark-mode{
    background-color: #000000;
    color: #f2F2F2;
}

#change-theme{
    display: none;
}

.backcab{
    background-color: rgba(255,255,255,0.9);
     z-index: 0; 
     width: 100%;
     height: 100%;
}

.bg-branco{
    background-color: rgb(255,255,255);
}


.acess{
    font-size: 1rem;
    color: black;
    transition: ease-in;
}

#iconLight{
    cursor: pointer;
    background-color: #2d70de;
    color: white;
    border-radius: 4px 0px 0px 4px;
    border: 1.6px solid #2d70de;
    width: 33px;
}

#iconDark{
    cursor: pointer;
    background-color: white;
    color:  #2d70de;
    border-radius: 0px 4px 4px 0px;
    border: 1.6px solid #2d70de;
    width: 33px;
}

.dark-mode .acess{
    color: white;
}

.dark-mode .masthead{
    color: #f2F2F2;
}

.dark-mode .header.masthead .masthead-subheading{
    color: #f2F2F2!important;
}

.dark-mode .sub{
    color: #f2F2F2!important;
}

.dark-mode .section-heading{
    color: #f2F2F2;
}

.dark-mode .backcab{
    background-color: rgba(0,0,0,0.9);
}

.dark-mode .bg-branco{
    background-color: #000000!important;
    color: #f2F2F2;
}

.dark-mode #iconDark{
    background-color: #2d70de;
    color: white;
}

.dark-mode #iconLight{
    cursor: pointer;
    background-color: rgb(0, 0, 0);
    color:  #2d70de;
}

.aplus{
    cursor:pointer;
    border: 1.6px solid #2684B1;
    border-radius: 4px 0px 0px 4px;
}

.aminus{
    cursor:pointer;
    border: 1.6px solid #2684B1;
    border-left: none;
    border-radius: 0px 4px 4px 0px;
}

.btn-acess{
    width: 33px;
    height: 33px;
    color: #2D9BD0;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dark-mode .conheca_natal, .dark-mode footer{
    background-color: #000000!important;
}

.dark-mode .nav1{
    background-color: #f2f2f2!important;
}

.dark-mode .conheca_natal p{
    color: #f2F2F2;
}

.dark-mode .rodape-superior, .dark-mode .rodape-inferior, .dark-mode .navbar-collapse{
    background-color: #000000!important;
    color: #f2F2F2!important;
}

.dark-mode .rodape-superior a{
    color: #f2cb05!important;
}
.dark-mode .rodape-superior label{
    color: #f2f2f2!important;
}

.dark-mode .btn-close {
    filter: invert(1) grayscale(1) brightness(2);
}
.dark-mode .btn-close svg{
   fill: #f2F2F2!important;
}   

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6{
    color: #f2F2F2!important;
}


/* .dark-mode .card-curso p, .dark-mode .modal h1, .dark-mode .card-curso h2, .dark-mode .card-curso h3, .dark-mode .modal strong, .dark-mode .modal, .dark-mode strong{
    color: #000000!important;
} */


.dark-mode .modal .btn-close {
    filter: invert(1) grayscale(1) brightness(2)!important;
    background-color: #000000!important;
}

.dark-mode .btn-success {
    background-color: #f2cb05;
    border-color: #f2cb05;
    color: #000000!important;
    font-weight: 600;
}

.dark-mode .nav-ppa a{
    color: #f2cb05!important;
    
}

.dark-mode .menu-item-active span{
    border-bottom: 3px solid #000000;
}

.dark-mode .card-servicos .titulo-card{
    color: #f2cb05!important;
}

.dark-mode .card-servicos .icone-card{
    background-color: #000000!important;
}
.dark-mode .card-servicos svg{
    fill: #f2cb05!important;
}