[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #000000;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #101010;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 0, 0, 0;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #101010;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #000000;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-60{
    margin-bottom: 60px;
}
.mb-120{
    margin-bottom: 120px;
}
.navbar{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffffff !important;
    background: #f58c1e !important
}
#logohome{
    max-width: 250px;
    margin-top: 0px;
}

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

.navbar-brand img{
    max-width: 600px;
    margin-top: 60px;
}


nav ul li  a{
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 100;
    color: #ffffff;
    text-decoration: none;
    padding: 7px 16px;
}

.color-white *{
    color: #FFFFFF;
}
.btn-primary{
    background: #f58c1e;
    color: #FFFFFF;
    border: 0;
    border-radius: 0;
    border: 1px solid #f58c1e;
    font-weight: bold;
}
.btn-primary:hover{
    background: #FFFFFF;
    color: #f58c1e;
    border: 1px solid #f58c1e;
    border-radius: 0;
}
.btn-primary:active{
    background: #f58c1e;
    color: #FFFFFF;
}
#quem-somos{
    padding-bottom: 60px;
    background: #2d2d2d !important;
}
#quem-somos h2{
    font-size: 60px;
    letter-spacing: 7px;
    color: #f58c1e;
    font-weight: 100;
    margin-top: 0px !important;
}
#quem-somos p{
    font-size: 17px;
    color: #FFFFFF;
    font-weight: 200;
}
#quem-somos p strong{
    font-weight: 400;
}
#quem-somos p span, #redes-sociais h3 span{
    color:#f58c1e;
}
#quem-somos .btn{
    width: 100%;
    font-size: 16px;
    padding: 10px 60px;
    border-radius: 40px;
}

#planos{
    background: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 60px;
}

#planos h2{
    font-size: 60px;
    letter-spacing: 7px;
    font-weight: 100;
    color: #000000;
}
#planos h3{
    font-size: 25px;
    letter-spacing: 7px;
    font-weight: 100;
    color: #000000;
    padding-bottom: 60px;
}
.btn-planos{
    background: #010101;
    font-size: 18px;
    font-weight: bold;
    padding:  10px 30px;
    color: #ffffff;
    display: block;
    margin-bottom: 30px;
}
.btn-planos-nome{
    background: #f58c1e;
    font-size: 18px;
    font-weight: bold;
    padding:  10px 30px;
    color: #ffffff;
    display: block;
}
.block-planos span{
    background: #f58c1e;
    font-size: 14px;
    font-weight: 200;
    padding:  5px 30px;
    color: #ffffff;
    border-radius: 30px;
    margin-right: 5px;
    margin-left: 5px;
}
.block-planos .out
{
    background: #ffffff;
    border: 1px solid #f58c1e;
    color: #f58c1e;
}

.caixa-planos{
    border: 1px solid #f58c1e;
    margin-top: 0px;
}
.caixa-planos .btn{
    width: 90%;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #f58c1e;
    color: #f58c1e;
    border-radius: 40px;

}
.caixa-planos ul li{
    color: #000000;
    font-weight: 100;
    list-style: none;
}
.caixa-planos ul li p, .caixa-planos p{
    color: #000000;
    font-weight: 100;
    font-size: 13px !important;
    letter-spacing: 0px !important;
}
.caixa-planos ul {
    min-height: 180px;
}
.caixa-planos  i {
    color: #f58c1e;
}
.pl-60{
    padding-left: 60px;
}
.caixa-planos  .descricao {
    border-left: 1px solid #f58c1e;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 60px;
}
.caixa-planos .price{
    font-size: 14px !important;
    margin-top: 30px;
    text-align: center;
}
.caixa-planos .price span{
    display: block;
    background: #FFFFFF;
    color: #000000;
}
.caixa-planos .price b{
    font-size: 24px !important;
}
.caixa-planos .link{
    color: #000000;
    font-weight: 100;
    font-size: 14px !important;
    letter-spacing: 0px !important;
    text-align: left;
    margin-top: 10px;
    text-decoration: underline;
}
.btn-cpa{
    font-size: 36px;
    padding: 15px 90px;
    font-weight: 400;
    margin-bottom: 30px;
}

#redes-sociais h2{
    font-size: 60px;
    letter-spacing: 7px;
    font-weight: 100;
}
#redes-sociais h3{
    font-size: 40px;
}
#redes-sociais p{
    font-size: 18px;
    font-weight: 200;
}
#redes-sociais p strong{
    font-weight: 400;
}

#redes-sociais h4{
    font-size: 120px;
    font-weight: bold;
}
#banner-home img{
    margin: 0 auto;
}
#SEBRAE{
    background: url("../images/bg-sebrae.png") #181714;
    background-repeat: repeat-y;
    background-position: top right;
    color: #FFFFFF !important;
    padding-top: 120px;
    padding-bottom: 120px;
}
.font-12{
    font-size: 12px;
}
#investir {
    background: #2d2d2d !important;
    color: #FFFFFF;
    padding-top: 90px;
    padding-bottom: 90px;
}


#investir h2{
    font-size: 60px;
    letter-spacing: 7px;
    font-weight: 100;
    margin-bottom: 60px;
}
#investir img{

    margin-bottom: 10px;
    display: block;
}
.caixinha{
    border: 2px solid #969696;
    padding: 15px;
    margin: 7px  15px;
}
#investir h4{
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #ffffff;
}
#investir p{
    font-size: 14px;
    font-weight: 200;
}
#investir h3{
    font-size: 38px;
    letter-spacing: 5px;
    font-weight: 100;
}
#investir #grafico{
    width: 100%;
}
#info img{
    margin-top: -8%;
}

.mt-120{
    margin-top: 120px;
}
#info h4{
    font-size: 2.5rem;
    color: #969696;
}
#contato{
    padding-bottom: 60px;
}
#contato h2{
    font-size: 60px;
    letter-spacing: 7px;
    font-weight: 100;
    margin-top: 60px;
}
#contato h3{
    font-size: 22px;
    letter-spacing: 5px;
    font-weight: 100;
}
#contato p{
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 100;
}
#contato input, .page input{
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 100;
    color: #FFFFFF;
    background: #000000;
    border: 1px solid #ffffff;
    border-radius: 0;
    margin-right: 30px;
}
#um-submit-btn{
    background: #f58c1e !important;
    color: #FFFFFF;
    border: 0;
    border-radius: 0;
    border: 1px solid #f58c1e;
    font-weight: bold !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 15px 10px !important;
    border-radius: 40px !important;
}
#um-submit-btn:hover{
    color: #FFFFFF !important;
}
.um-149.um {
    max-width: 700px !important;
}
.um-field-type_terms_conditions{
    border: 1px solid #ffffff;
    padding: 20px !important;
}

footer{
    padding-top: 60px;
}
footer ul li{
    list-style: none;
}
footer ul li  a{
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 100;
    color: #f58c1e;
    text-decoration: none;
}

footer {
    padding-bottom: 30px;
    border-top: 1px solid #FFFFFF;
}
footer ul li  a:hover{
    color: #ffffff;
}
footer p{
    color: #ffffff;
    font-size: 14px !important;
}
.page h1{
    font-size: 48px;
    letter-spacing: 7px;
    font-weight: 100;
    text-align: center;
    margin-top: 90px !important;
}
.page h2{
    font-size: 22px;
    letter-spacing: 5px;
    font-weight: 100;
}
.page p{
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 100;
    line-height: 22px;
}

/*.page a{
     font-size: 16px;
    letter-spacing: 1px;
    font-weight: 100;
    color: #f58c1e;
    text-decoration: none;
}*/


/* Overlay que cobre a tela */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Fundo escuro com transparência */
    display: none; /* Inicialmente oculto */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Coloca o overlay acima de todo o conteúdo */
}

/* Estilo do spinner */
.spinner {
    border: 8px solid #f3f3f3; /* Cor de fundo do spinner */
    border-top: 8px solid #3498db; /* Cor da animação */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite; /* Animação de rotação */
}



#faq{
    padding-bottom: 60px;
    background: #2d2d2d !important;
}
#faq h2{
    font-size: 60px;
    letter-spacing: 7px;
    color: #ffffff;
    font-weight: 100;
    margin-top: 0px !important;
}
#faq h4{
    font-size: 35px;
    letter-spacing: 7px;
    color: #ffffff;
    font-weight: 100;
}
#faq p{
    font-size: 17px;
    color: #FFFFFF;
    font-weight: 200;
}
.accordion-header p{
    float: left;
}
.accordion-header span{
    display: block;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 100;
    color: #f58c1e;
    float: left;
    margin-right: 35px;
}
.img-mais{
    float: right;
    width: 20px !important;
    margin-top: 12px;
}
.accordion-header  p{
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 100;
    color: #ffffff;
    margin-top: 10px;
    max-width: 90%;
}

.img-mais {
    transform: rotate(45deg); /* 90 graus */
}
.collapsed .img-mais {
    transform: rotate(90deg); /* 90 graus */
}

.accordion-body {
    padding: 10px 60px;
}
.accordion-body * {
    color: #a9a9a9 !important;
}

/* Animação de rotação */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Para o conteúdo */
.content {
    padding: 20px;
}