#header {
  transition: all 0.5s;
  z-index: 997;
  background: #0a0909 !important;
      }    


    #header {
  height: 60px !important;
    }





.mobile-nav-toggle {

}



 .dropdown-item {
      color: #0ab2fa !important;

 }

  .mobile-nav-toggle {
  border: 1px solid #f2eaea; /* Você pode ajustar a cor e espessura da borda conforme necessário */
  padding-top: -40px !important; /* Ajuste o espaço entre a borda e o ícone */
  border-radius: 4px; /* Adiciona cantos arredondados à borda */
   float:right !important;
        color: #f2eaea !important;
  }




  .navbar {

    display: flex;
    justify-content: right !important;






    z-index: 1021 !important;

    width: 100%;
    border-bottom: 4px solid rgba(83,83,83,.95);
    padding: 25px 15px 24px;

  }
  .text-right {

  margin: auto;
}

/*
   cor letras
       */
  .nav-link{
    color:#0ab2fa !important;
    font-size:  !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    list-style: none !important;
  }

  .flex-grow-1{
    color:#2a4c7b !important;
  }

/*
   cor das letras ao passar por cima
       */
  .nav-link:hover{
    color:#4299e1 !important;
    border-bottom: #2a4c7b 0.125em solid !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    list-style: none !important;

  }

/*
   cor navbar
       */
 .sticky-top{
  background: #0a0909 !important;

  padding: 0.8rem calc(1.875rem / 2);

  margin: 0 auto;
  display: flex;
  position: relative;
 }
/*
   cor menu ao encolher
       */
 .navbar-toggler {
   background: #f2eaea !important;

 }
 /*
   cor do background da imagem
       */
  #logo{
    background: ;
    position: relative;
    display: block;
    width: 164px;
    height: 76px;
    flex: 1;
  }



  #header .logo {
        border-left: 4px solid #950e1e !important;
}

#hero .btn-get-started
     color: #1621f2 !important;
     background: #376ce8 !important;
}

#heroA .btn-get-started
     color: #1621f2 !important;
     background: #376ce8 !important;
-webkit-text-stroke: 1px #333333;
  text-stroke: 1px #333333;
}

  .section-header h3::after {
  background: #376ce8 !important;
   }

    #content_grid {
       font-size: 31px !important;
  }

  .section-header h3 {
  font-size: 27px !important;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
 }

   .section-header p {
  font-size: 27px !important;

  color: #095ceb !important;
  font-size: 19px !important;



  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
 }


  .btn_more {

  color:  !important;
  font-size: 17px;

  }

  .btn_more:hover {

  color:  !important;


  }

     #hero h2 {
        color: #0f0e0e ;
        margin-bottom: 30px;
        font-size: 0px;
        font-weight: 700;
}


    #hero p {
        font-size: -4px !important;
        width: 80%;
        margin: 0 auto 30px auto;
        color: #141212 !important;


 }

      #heroA h2 {
        color: #0f0e0e ;
        margin-bottom: 30px;
        font-size: 0px;
        font-weight: 700;
}


    #heroA p {
        font-size: -4px !important;
        width: 80%;
        margin: 0 auto 30px auto;
        color: #141212 !important;


 }

     .nav-link {
        font-size: 13px !important;
        color: #0ab2fa !important;


 }

  .section-header h3::after {
        background-color: #950e1e !important;
}

   .navbar-mobile ul {
        background-color: #0a0909 !important;
        border-color: white;
         border-width:1px;
   }

   .imgxve {
      max-height: 45px !important;
   }

  .menu_logado {
     font-weight:20px !important;
  }

     #login h1 a, .login h1 a {
            background-image: url(https://primegestao.com/Logo-Procred-150x150.png?d=1643804903) !important;

             /* height:100% !important;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
                      */
            width: 100%;