.custom-form-header
{
background-color:#004680;       /*Cor do fundo do header*/
color:#FFFFFF;                             /*Cor da Fonter*/
font-weight:bold;                          /*Estilo da Fonte*/
text-align:center;                           /*Alinhamento do Texto*/
border-radius:5px;                        /*Forma Arredondada do Header*/
font-size:12px;                              /*Tamanho da Fonte*/
padding:10px;								/*Altura do Header*/
}


.custom-redform-header
{
background-color:#F01E2C;       /*Cor do fundo do header*/
color:#FFFFFF;                             /*Cor da Fonter*/
font-weight:bold;                          /*Estilo da Fonte*/
text-align:center;                           /*Alinhamento do Texto*/
border-radius:5px;                        /*Forma Arredondada do Header*/
font-size:12px;                              /*Tamanho da Fonte*/
padding:10px;								/*Altura do Header*/
}


.warm-form-header
{
background-color:#FF6347;       /*Cor do fundo do header*/
color:#FFFFFF;                             /*Cor da Fonter*/
font-weight:bold;                          /*Estilo da Fonte*/
text-align:center;                           /*Alinhamento do Texto*/
border-radius:5px;                        /*Forma Arredondada do Header*/
font-size:12px;                              /*Tamanho da Fonte*/
padding:10px;								/*Altura do Header*/
}


.frame {
  width: 300px;
  height: 150px;
  background: #eee;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px
}


.bold-question 
{

    background-color: #004680;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
}


.esg-title
{

    background-color: #004680;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}


.infoanexo
        {
            font-family: Montserrat, Arial, sans-serif;
            background-color: #f2f4f8; /* Cor de fundo suave */
            color: #333; /* Cor do texto em tom escuro para fácil leitura */
            border-left: 5px solid #4a90e2; /* Borda lateral para destaque */
            padding: 15px 20px; /* Espaçamento interno para um layout arejado */
            font-family: 'Arial', sans-serif; /* Fonte legível e moderna */
            font-size: 16px; /* Tamanho adequado da fonte */
            line-height: 1.5; /* Espaçamento entre linhas para melhor leitura */
            margin-bottom: 20px; /* Margem inferior para separar de outros conteúdos */
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Sombra sutil para dar profundidade */
            border-radius: 4px; /* Bordas arredondadas para uma aparência suave */
            display: flex;
            justify-content: center;
           /* width: 650px; /* Largura total */
            text-align: center;
        }

  

.infored
        {
            font-family: Montserrat, Arial, sans-serif;
            background-color: #f2f4f8; /* Cor de fundo suave */
            color: #333; /* Cor do texto em tom escuro para fácil leitura */
            border-left: 5px solid #F01E2C; /* Borda lateral para destaque */
            padding: 15px 20px; /* Espaçamento interno para um layout arejado */
            font-family: 'Arial', sans-serif; /* Fonte legível e moderna */
            font-size: 12px; /* Tamanho adequado da fonte */
            line-height: 1.5; /* Espaçamento entre linhas para melhor leitura */
            margin-bottom: 20px; /* Margem inferior para separar de outros conteúdos */
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Sombra sutil para dar profundidade */
            border-radius: 4px; /* Bordas arredondadas para uma aparência suave */
            display: flex;
            justify-content: center;
           /* width: 650px; /* Largura total */
            text-align: center;
        }


  .logoscm
        {
            font-family: Montserrat, Arial, sans-serif;
            background-color: #f2f4f8; /* Cor de fundo suave */
            color: #333; /* Cor do texto em tom escuro para fácil leitura */
            padding: 15px 20px; /* Espaçamento interno para um layout arejado */
            font-family: 'Arial', sans-serif; /* Fonte legível e moderna */
            font-size: 16px; /* Tamanho adequado da fonte */
            line-height: 1.5; /* Espaçamento entre linhas para melhor leitura */
            margin-bottom: 20px; /* Margem inferior para separar de outros conteúdos */
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Sombra sutil para dar profundidade */
            border-radius: 4px; /* Bordas arredondadas para uma aparência suave */
            display: flex;
            justify-content: center;
           /* width: 650px; /* Largura total */
            text-align: center;
        }


  
.p {
            font-family: Montserrat, sans-serif;
            margin-top: 0;
            margin-bottom: -4px;
        }

.button-dho
        {
            position:relative;
            left:35%;
            background-color:#205592;
            border-radius:5px;
            color:#FFFFFF;
            width:150px;
            height:50px;
            font-size:1rem;
            padding: 7px 14px;
            text-decoration:none;
        }

.button-dho:hover {
  background-color: #285e9c;
}


.infodho
        {
            font-family: Montserrat, Arial, sans-serif;
            background-color: #f2f4f8; /* Cor de fundo suave */
            color: #333; /* Cor do texto em tom escuro para fácil leitura */
            border-left: 5px solid #205592; /* Borda lateral para destaque */
            padding: 15px 20px; /* Espaçamento interno para um layout arejado */
            font-family: 'Arial', sans-serif; /* Fonte legível e moderna */
            font-size: 14px; /* Tamanho adequado da fonte */
            line-height: 1.5; /* Espaçamento entre linhas para melhor leitura */
            margin-bottom: 20px; /* Margem inferior para separar de outros conteúdos */
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Sombra sutil para dar profundidade */
            border-radius: 4px; /* Bordas arredondadas para uma aparência suave */
            display: flex;
            justify-content: center;
           /* width: 650px; /* Largura total */
            text-align: left;
			font-weight: normal;
        }