* {
            font-family: "Manrope";
            font-optical-sizing: auto;
        }

        .nekst {
            font-family: "Nekst";
            font-optical-sizing: auto;
        }

        body {
            background-color: #F4F7FF;
        }

        .content {
            padding: 25px;
            padding-left: 175px;
            padding-right: 120px; 
        }

        .content-passos {
            width: 70%;
        }

        @media screen and (min-width: 766px) and (max-width: 1400px) {

            .form-buscar{
                width: auto !important;
            }
            
            .reverse-col {
                display: flex !important;
                align-items: center;
            }
        }

        @media(max-width: 1000px) {
            .mobile-hide {
                display: flex;
                justify-content: center;
                rotate: 1 1 0 180deg;
                width: 80px;
            }

            .content {
                padding: 10px;
                padding-left: 10px;
                padding-right: 10px;
            }

            .info-content {
                display: flex;
                justify-content: center;
            }

            .duvidas{
                display: flex;
                flex-direction: row;
                font-size: 5px;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .div-contatos{
                flex-wrap: wrap;
                white-space: nowrap;
                padding:15px !important;
            }

            .page-title {
                color: #2453E9;
                font-size: 30px !important;
                margin-left: 20px;
            }

            h2 {
                font-size: 30px;   
            }

            h5 {
                flex-wrap: wrap;
                justify-content: center;
            }

            h4 {
                flex-direction: column;
                margin-right: 134px;
                font-size: 18px;
            }

            .wpp {
                margin-left: 0px !important;
                margin-bottom: 10px;
            }

            .div-atendimento {
                display: flex;
                flex-direction: row;
                font-size: 5px;
                flex-wrap: wrap;
                justify-content: center;
                width: 100%;
                padding: 5px;
                margin-top: 10px; 
                font-size: 18px;
            }

            .content-passos { 
                width: 90% !important;
            }   

            label {
                font-size: 16px !important;
            }

            ::placeholder {
                font-size: 13px;
            }

            .suporte {
                margin-top: 10px;
            }

            .logo {
                display: none;
            }

            .info-title {
                font-size: 38px !important;
                margin-left: 18px;
                margin-bottom: 5px;
            }

            .info-sub {
                font-size: 17px !important;
                margin-left: 22px;
                margin-bottom: 15px;
            }

            .titulo-logo {
                display: flex;
                align-items: center;
            }

            .svg {
                width: 100px;
                margin-left: 10px;
            }

            .reverse-col {
                display: flex;
                flex-direction: column-reverse;
            }

            .form-buscar {
                width: 86% !important;
            }

            .centralizar-passos {
                display: flex;
                flex-direction: row-reverse;
                justify-content: flex-end;
            }

            .svg-passos {
                margin-right: 10px;
            }

            .info-p {
                font-size: 16px !important;
            }

            .fonte-duvida {
                font-size: 32px !important;
                font-family: "Nekst" !important;
            }

            .info-title-dois {
                font-size: 35px !important;
                margin-left: 25px;
            }

            th {
                display: none;
            }

            .certificado-mobile {
                display: block !important;
                font-size: 20px !important; 
                text-align: center;
            }

            #tb1 {
                width: 85%;
                margin-left: 26px;
            }
 
            #list {
                font-size: 18px !important; 
            }

            #list, tr {
                padding: 5px;
                width: 110%;
            }

            #list, td {
                width: auto !important; 
            }

            #list, td:first-child {
                width: 90% !important; 
                display: flex;
                flex-direction: column;
                border-bottom: none;
                padding-left: 0px ;
            }

            #list, td:nth-child(2){
                border: none;
                padding-left: 0px ;
            }

            #list, td:nth-child(3){
                border: none; 
                padding-left: 0px ;
            }

            #list, td:nth-child(4){
                border: none;
                padding-left: 0px ; 
            }

            #list, td:nth-child(5){
                display: flex;
                justify-content: center;
                padding-left: 0px ;
            }

            .logo-mobile{
                display: block !important;
            }

            .tamanho-div{
                font-size: 18px;
            }

            .font-horario {
                font-size: 18px !important;
            }

            .text-mobile {
                display: block !important;
            }

            .btn-info {
                
                width: 130px;
            }

            .tamanho-fonte {
                font-size: 18px !important;
            }

            .passos-padding {
                text-align: start !important; 
            }

            .mobile-traco {
                display: block !important;
                margin: 0px !important;
            }

        }

        #list, td:first-child {
            width: 45%;
        }

        .table>:not(caption)>*>*{
            padding: 6px !important;
            padding-left: 6px !important;
        }

        .div-atendimento {
            margin-left: 20px;
        }

        .page-title {
            color: #2453E9;
            font-size: 45px;
            margin-left: 20px;
        }

        .logo {
            margin-top: 24px;    
        }

        .mobile-traco {
            display: none;
        }

        .passos-padding {
            text-align: center; 
        }

        .band {
            background-color: #C5D3FF;
        }

        .table {
            margin-bottom: 0px;
        }

        .info-title {
            font-family: "Nekst";
            color: #040512;
            font-weight: bold;
            font-size: 50px;
        }

        .info-sub {
            color: #303030;
            font-size: 25px;
        }

        .info-p {
            color: #2453E9;
            font-size: 20px;
        }

        .info-content {
            color: #303030;
            font-size: 14px;
        }

        .borda {
            border: 1px solid #9DB3F9;
            border-radius: 28px;
            background-color:rgb(190, 206, 255);  
        }

        .card {
            border-radius: 28px;
        }

        label {
            color: #303030;
            padding: 16px 0 16px 0;
            font-weight: bold;
            font-size: 20px;
        }

        .botao {
            font-size: 20px;
            margin-top: 6px;
            height: 50px;
            font-size: 26px;
        }

        .botao:hover {
            background-color: #C5D3FF;
        }

        .div-contatos {
            display: flex;
            justify-content: space-around;
            padding: 25px 85px;
            align-items: center;
            width: 100%;
            background: #2453E9;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .duvidas {
            width: 60%;
        }  

        .text-mobile {
            display: none;
        }

        .logo-mobile{
            display: none;
        }

        .wpp{
            background-color: #00B000 !important;
            color: white !important;
            margin-left: 10px;
            align-items: start;
            border: #00B000;
        }

        .wpp:hover, .wpp:active {
            background-color: #70B270 !important;
            border: #70B270;
        }

        h2, h4, h5 {
            color: white;
            display: flex;
        }

        .titulo-logo {
            display: flex;
            align-items: center;
        }

        #list {
             font-size: 19px; 
        }
    
        .w-full {
            width: 100%;
        }

        .info-title-dois{
            font-size: 40px;
            margin-bottom: 10px;
            font-weight: bold !important;
        }

        .btn-info {
            border: none;
            font-weight: bold !important;
            width: 120px;
        }

        .btn-info:hover {
            background-color:rgb(218, 226, 252);
            color: black !important;
            border: none;
        }

        .tamanho-fonte{
            font-size: 20px;
        }

        form {
            margin: 18px;
        }

        .btn-success {
            background-color: #2453E9;
            --bs-btn-color: #fff;
            --bs-btn-bg: #2453E9;
            --bs-btn-border-color: #2453E9;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #557aed;
            --bs-btn-hover-border-color: #C5D3FF;
            --bs-btn-focus-shadow-rgb: 60, 153, 110;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #C5D3FF;
            --bs-btn-active-border-color: #C5D3FF;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #2453E9;
            --bs-btn-disabled-border-color: #2453E9;
        }

        .btn-info {
            background-color: #C5D3FF;
            --bs-btn-color: #fff;
            --bs-btn-bg: #C5D3FF;
            --bs-btn-border-color: #C5D3FF;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #5671c7;
            --bs-btn-hover-border-color: #146c43;
            --bs-btn-focus-shadow-rgb: 60, 153, 110;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #C5D3FF;
            --bs-btn-active-border-color: #C5D3FF;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #C5D3FF;
            --bs-btn-disabled-border-color: #C5D3FF;
            color: black;
        }

        .v-center {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

        input {
            text-align: start;
        }

        .form-control {
            background-color: #CFCFCF;
            opacity: 0.4;
        }

        .passos>.passo {
            display: none;
        }

        .passos>.passo.inicial {
            display: block;
        }

        .t-blue {
            color: #2453E9;
            text-decoration: underline;
        }

        .loader {
          --c1:#303030;
          --c2:#2453E9;
          width: 90px;
          height: 130px;
          border-top: 4px solid var(--c1);
          border-bottom: 4px solid var(--c1);
          background: linear-gradient(90deg, var(--c1) 2px, var(--c2) 0 5px,var(--c1) 0) 50%/7px 8px no-repeat;
          display: grid;
          overflow: hidden;
          animation: l5-0 2s infinite linear;
        }
        .loader::before,
        .loader::after {
          content: "";
          grid-area: 1/1;
          width: 75%;
          height: calc(50% - 4px);
          margin: 0 auto;
          border: 2px solid var(--c1);
          border-top: 0px;
          box-sizing: content-box;
          border-radius: 0 0 40% 40%;
          -webkit-mask: 
            linear-gradient(#000 0 0) bottom/4px 2px no-repeat,
            linear-gradient(#000 0 0);
          -webkit-mask-composite: destination-out;
                  mask-composite: exclude;
          background: 
            linear-gradient(var(--d,0deg),var(--c2) 50%,#0000 0) bottom /100% 205%,
            linear-gradient(var(--c2) 0 0) center/0 100%;
          background-repeat: no-repeat;
          animation: inherit;
          animation-name: l5-1;
        }
        .loader::after {
          transform-origin: 50% calc(100% + 2px);
          transform: scaleY(-1);
          --s:3px;
          --d:180deg;
        }
        @keyframes l5-0 {
          80%  {transform: rotate(0)}
          100% {transform: rotate(0.5turn)}
        }
        @keyframes l5-1 {
          10%,70%  {background-size:100% 205%,var(--s,0) 100%}
          70%,100% {background-position: center}
        }

        .table,
        .table * {
            border-color: #C5D3FF;
        }

        .table th {
            color: #9DB5FF;
        }

        .alert {
            position: fixed;
            top: -100px;
            left: 50%;
            transform: translateX(-50%);
            padding: 10px;
            -webkit-animation: slide 0.5s forwards;
            animation: slide 0.5s forwards;
        }

        @-webkit-keyframes slide {
            100% {
                top: 5px;
            }
        }

        @keyframes slide {
            100% {
                top: 5px;
            }
        }

        .alert.warning {
            background-color: #f7e8b8;
            color: black;
            border-left: solid 4px #d9a911;
        }

        .alert.error {
            background-color: #f7b8b8;
            color: black;
            border-left: solid 4px #d91111;
        }

        /*pagina ct*/

        .page-title-ct{
            color: black;
            margin-left: 15px;
            font-size: 45px;
            
        }

        .titulo-logo-ct {
            margin-left: 20px;
            display: flex;
            align-items: center;
            
        }

        .borda-ct {
            background-color: #F8C426;
            border: 1px solid #D9AC25;
            border-radius: 28px;
        }

        .info-p-ct {
            color: #1C1C1C;
            font-weight: bold !important;
            font-size: 20px;
        }

        .band-ct{
            background-color:#F3F3F4;
        }

        .botao-ct {
            color: #1C1C1C;
            font-size: 20px;
            margin-top: 6px;
            height: 50px;
            font-size: 26px;
        }

        .btn-success-ct {
            background-color: #F8C426 !important;
            border: #F8C426;
        }

        .btn-success-ct:hover {
            background-color: #FFDA6B !important;
            border: #FFDA6B;
        }

        .div-color-ct {
            background-color: #1C1C1C;
        }

        .loader-ct {
            --c1:#303030;
            --c2:#F8C426;
            width: 90px;
            height: 130px;
            border-top: 4px solid var(--c1);
            border-bottom: 4px solid var(--c1);
            background: linear-gradient(90deg, var(--c1) 2px, var(--c2) 0 5px,var(--c1) 0) 50%/7px 8px no-repeat;
            display: grid;
            overflow: hidden;
            animation: l5-0 2s infinite linear;
          }
          .loader-ct::before,
          .loader-ct::after {
            content: "";
            grid-area: 1/1;
            width: 75%;
            height: calc(50% - 4px);
            margin: 0 auto;
            border: 2px solid var(--c1);
            border-top: 0px;
            box-sizing: content-box;
            border-radius: 0 0 40% 40%;
            -webkit-mask: 
              linear-gradient(#000 0 0) bottom/4px 2px no-repeat,
              linear-gradient(#000 0 0);
            -webkit-mask-composite: destination-out;
                    mask-composite: exclude;
            background: 
              linear-gradient(var(--d,0deg),var(--c2) 50%,#0000 0) bottom /100% 205%,
              linear-gradient(var(--c2) 0 0) center/0 100%;
            background-repeat: no-repeat;
            animation: inherit;
            animation-name: l5-1;
          }
          .loader-ct::after {
            transform-origin: 50% calc(100% + 2px);
            transform: scaleY(-1);
            --s:3px;
            --d:180deg;
          }
          @keyframes l5-0 {
            80%  {transform: rotate(0)}
            100% {transform: rotate(0.5turn)}
          }
          @keyframes l5-1 {
            10%,70%  {background-size:100% 205%,var(--s,0) 100%}
            70%,100% {background-position: center}
          }

          .tabela-ct th{
            color: #AEAEAE;
          }

          .btn-info-ct{
            background-color: #F8C426;
          }
          .btn-info-ct:hover{
            background-color: #FFDA6B;
          }

        .linha-ct {
            height: 60px !important;
            background-color: #CFCFCF !important;
        }

        .linha-ct {
            height: 60px !important;
            background-color: #CFCFCF !important;
            margin-left: 40px !important;
        }
        
        .linha-horizontal-ct{
            display: none;
        }

        .tabela-ct, .tabela-ct * {
            border-color: #CFCFCF; 
        }

        .logo-mobile-ct {
            display: none;
        }

        .background-ct {
            background-color: #FFFDF7 !important ;
        }
        
        @media(max-width: 1000px) {
        
            .titulo-logo-ct {
                display: none;
            } 

            .logo-mobile-ct {
                display: flex !important;
                align-content: center;
                flex-direction: column;
                flex-wrap: wrap;
                margin-bottom: 25px;
            }
        
            .linha-ct {
                display: none;
            }
        
            .page-title-ct {
                font-size: 26px;
                font-weight: 500;
                margin: 0px;
            }

            .linha-horizontal-ct {
                display: block !important;
                color: #DCDCDD;
                width: 350px;
                height: 1px;
            }

            .linha-ct {
                display: none;
            }

            .info-sub {
                color: #1C1C1C;
                font-weight: 500 !important;
            }

            .passos-padding-ct {
                text-align: start !important;
                margin-left: 10px !important;
            }

        }