*{
      margin: 0;
      padding: 0;
      border: none;
      font-family: 'Poppins', Tahoma, Geneva, Verdana, sans-serif;
    }
    html {
     scrollbar-gutter: stable;
    }
    body {
      padding-top: 38px;
      background: #f3f3f3;
      overflow-y: scroll;
      padding-bottom: 30px;
    }
    h1,h2,h3{
       font-weight: 600;
    }

    h1{
      font-size: 2.3rem;
    }
    h2{
      font-size: 1.7rem;
    }
    h3{
      font-size: 1.3rem;
    }
    .container-fluid{
      margin: 0 auto !important;
      padding: 0px;
      --bs-gutter-x: 0;
    }
    .navbar-brand{
      margin-left: 5px;
    }
    .navbar-brand img {
      height: 50px;
    }
    .hero {
      background: linear-gradient(135deg, #dd0220, #efff00);
      color: white;
      padding: 70px 20px;
      text-align: center;
    }
    .hero h1 {
      margin: 0px auto;
    }
    .hero p {
      font-size: 1.2rem;
      margin: 20px 0;
    }

    .navbar-mobile li a{
      background: #F7F7F7;
      border-bottom: 1px solid #E5E5E5;
    }
    .nav-cat{
      background: #FFF;
      border: 1px solid #FFF;
      border-radius: 10px;
    }    
    .nav-cat:hover{
      background: #F7F7F7;
      border: 1px solid #E5E5E5;
      border-radius: 10px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu{
      width: 250px;
    }

    .features{
      max-width: 1000px;
      margin: 10px auto;
    }
    .features .card {
      transition: transform 0.2s;
    }
    .features .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    .plans{
      max-width: 1100px;
      margin: 10px auto;
    }
    .plans h3{
      font-size: 3rem;
      color: #113C69;
    }
    .plans p i{
      font-size: 12px;
      color: #666;
    }
    .nav-item{
      margin-right: 20px;
    }
    .nav-link{
      font-size: 1.0rem;
      font-weight: 600;
    }
    .sidebar .nav-link:hover{
      background: #F7F7F7;
      border-radius: 10px;
    }

    .btn-primary{
      background: #113C69 !important;
      border: 1px solid #000;
      color: #FFF;
      border-radius: 10px;
    }
    .btn-primary:hover{
      background: #FE7004 !important;
      border: 1px solid #000;
    }

    .btn-second{
      background: #8d8d8d !important;
      border: 1px solid #FFFFFF;
      color: #FFF;
      border-radius: 10px;
    }
    .btn-second:hover{
      background: #FE7004 !important;
      border: 1px solid #CCC;
    }
    .dropdown-menu{
      min-width: 190px;
    }
    .nav-empresa a:hover{
      background: #FFF;
      color: #113D69;
    }
    .nav-active{
      background: #113c69 !important;
      color: #FFF;
      border-radius: 10px;  
      padding: 3px;
    }
    .nav-active:hover{
      color: #F7F7F7 !important;
    }

    .btn-assinar{
      background: #FE7004 !important;
      color: #FFF;
      border-radius: 10px;
      border: 1px solid #FFF;
    }
    .btn-assinar:hover{
      background: #007505 !important;
      color: #FFF;
    }

    /* home */
    .card{
      border-radius: 20px;
      box-shadow: 0 6px 25px rgba(0,0,0,0.1);
    }
    .border-primary{
      border: 5px solid #113C69 !important;
    }
    h5.card-title{
      font-weight: 600;
    }
    .plan-price{
      font-size: 1.1rem;
    }

    .card-big-number {
      width: 90px;              /* largura do círculo */
      height: 90px;             /* altura do círculo */
      background: linear-gradient(135deg, #4facfe, #00f2fe);
      color: #fff;              /* cor do número */
      font-size: 3rem;        /* tamanho do número */
      font-weight: bold;        /* deixa o número mais destacado */
      border-radius: 50%;       /* deixa redondo */
      display: flex;            /* flexbox para centralizar */
      align-items: center;      /* centraliza vertical */
      justify-content: center;  /* centraliza horizontal */
      margin: 0 auto 15px auto; /* centraliza no card e dá espaçamento abaixo */
      border:2px solid #FFF;
      box-shadow: 0 6px 25px rgba(0,0,0,0.1);
    }

    /* criar catalogo*/
    .criar-catalogo{
      max-width: 800px;
      margin: 50px auto;
    }
   .formNew{
      padding: 20px;
      border-radius: 20px;
      box-shadow: 2px 0 8px rgba(0,0,0,0.2);
    }
    .criar-catalogo_form_h3{
      color: #113C69;
      padding-bottom: 3px;
      border-bottom: 3px dotted #113C69;
    }
    .criar-catalogo label{
      font-size:0.825rem;
      margin: 0px;
    }
    .criar-catalogo input,.criar-catalogo textarea{
      background: #F7F7F7;
    }
    .img-home{
      border-radius: 30px;
    }
    .urlCatalogo{
      font-weight: bold;
    }
    .bg-pri{
      background: #113C69 !important;
      color: #FFF;
    }
    .plans .list-unstyled{
      max-width: 300px;
      margin: 10px auto;
    }
    .list-unstyled li{
      margin: 5px 0px;
      font-size: 14px;
      line-height: 28px;
    }
    .list-unstyled li i{
      margin-right: 10px;
    }
    .text-secondary{
            color: #666 !important;
    }
    .text-success{
      color: #5fe3a6 !important;
    }
    .nome-social b{
      color: #ff6c00 !important;
    }


    .login-empresa{
      max-width: 600px;
      margin: 50px auto;
    }



    .border-radius-10{ border-radius:10px; }

    .text-f12{ font-size:12px;}
    .text-f14{ font-size:14px;}
    .text-f16{ font-size:16px;}

    footer {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: #113D69;
      border-top: 1px solid #CCC;
      padding: 10px 0px;
      text-align: center;
      font-size: 0.9rem;
      color: #FFF;
    }

    .content-dashboard{
      padding-bottom: 25px;
    }

    

@media (max-width: 600px) {
 
  .nav-item{
        margin-right: 0px;
  }

}


.inputUrlCatalogo{
    padding: 17px;
    background-color: #157ba9 !important;
    color: #FFF !important;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    border-radius: 30px;
  }

.criar-catalogo ::-webkit-input-placeholder {
   color: #f7ffd9 !important;
}

.criar-catalogo :-moz-placeholder { /* Firefox 18- */
   color: #f7ffd9 !important;
}

.criar-catalogo ::-moz-placeholder {  /* Firefox 19+ */
   color: #f7ffd9 !important;
}

.criar-catalogo :-ms-input-placeholder {  
   color: #f7ffd9 !important;
}

 @media (max-width: 600px) {

  .inputUrlCatalogo{
    padding: 13px;
    background-color: #157ba9 !important;
    color: #FFF !important;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
  }




 }

.is-invalid{
  background-color: #ff5757 !important;
  color: white;
}

.is-valid{
  background-color: #4fb74f !important;
  color: white;
}