.container {
    display: flex;
    flex-direction: column;
}

#alerta {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 50vw;
}

.botoes {
    display: flex;
    flex-direction: row;
}

#logoiconsorcio {
    /* position: relative;
    left: 645px;
    top: 55px; */
    width: 436px;
    height: 131px;
    margin-bottom: 38px;
}

#titulo_tela {
    /* position: relative;
    left: 260px;
    top: 235px; */
    width: 331px;
    height: 31px;

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    /* identical to box height */
    white-space: nowrap;
    margin-bottom: 8px;

    color: #FFFFFF;
}

#subtitulo_tela {
    /* position: relative;
    left: -55px;
    top: 270px; */
    width: 397px;
    height: 20px;

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    /* identical to box height, or 20px */
    white-space: nowrap;
    margin-bottom: 20px;

    color: #FFFFFF;
}

p {
    font-family: 'Gotham' !important;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
}

.cpfdiv {
    /* position: relative;
    top: 25px;
    left: -5px; */
    margin-bottom: 56px;
}

#labelcpf {
    /* position: relative;
    left: -445px;
    top: 300px; */

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 21px;
    /* identical to box height */
    margin-bottom: 3px;


    color: #FFFFFF;
}

#cpf {
    box-sizing: border-box;
    width: 449px;
    height: 56px;
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    padding-left: 45px;
    /* Adiciona um espaço para o ícone */
    position: relative;
    /* Posiciona o ícone */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4 7.11111H21.4M16.6 12H21.4M19 16.8889H21.4M13 17.2922C12.9192 16.4343 12.5462 15.6322 11.9457 15.0249C11.3451 14.4177 10.5549 14.0437 9.712 13.9678C9.10548 13.9066 8.49452 13.9066 7.888 13.9678C7.04591 14.046 6.25694 14.4208 5.65683 15.0275C5.05672 15.6343 4.68301 16.4351 4.6 17.2922M19 23H7C2.2 23 1 21.7778 1 16.8889V7.11111C1 2.22222 2.2 1 7 1H19C23.8 1 25 2.22222 25 7.11111V16.8889C25 21.7778 23.8 23 19 23ZM8.8 11.1322C9.37605 11.1322 9.92851 10.8991 10.3358 10.4843C10.7432 10.0694 10.972 9.5067 10.972 8.91998C10.972 8.33326 10.7432 7.77057 10.3358 7.3557C9.92851 6.94083 9.37605 6.70776 8.8 6.70776C8.22395 6.70776 7.67149 6.94083 7.26416 7.3557C6.85684 7.77057 6.628 8.33326 6.628 8.91998C6.628 9.5067 6.85684 10.0694 7.26416 10.4843C7.67149 10.8991 8.22395 11.1322 8.8 11.1322Z' stroke='%23C4C4C4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;

    background-size: 26px 24px;

    margin-bottom: 48px;

    -webkit-autocomplete: off !important;
    -moz-autocomplete: off !important;
}

#labelexemplo {
    /* position: relative;
    left: -180px;
    top: 305px; */

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    /* identical to box height */
    margin-bottom: 3px;
    margin-left: 68%;
    text-align: center;
    white-space: nowrap;

    color: #FFFFFF;
}

#nmpac {
    box-sizing: border-box;
    width: 449px;
    height: 56px;
    background: #FFFFFF;
    border: 1px solid #D98E1E;
    border-radius: 8px;
    margin-bottom: 16px;
    position: relative;
    /* Adiciona um espaço para o ícone */
    padding-left: 45px;
    /* Posiciona o ícone */
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='26' viewBox='0 0 23 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.123 24C21.123 19.743 16.8376 16.3 11.5615 16.3C6.28542 16.3 2 19.743 2 24M11.5615 13C13.0375 13 14.4531 12.4205 15.4969 11.3891C16.5406 10.3576 17.127 8.95869 17.127 7.5C17.127 6.04131 16.5406 4.64236 15.4969 3.61091C14.4531 2.57946 13.0375 2 11.5615 2C10.0854 2 8.66983 2.57946 7.6261 3.61091C6.58237 4.64236 5.99601 6.04131 5.99601 7.5C5.99601 8.95869 6.58237 10.3576 7.6261 11.3891C8.66983 12.4205 10.0854 13 11.5615 13Z' stroke='%23C7C7C7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px 26px;

    -webkit-autocomplete: off !important;
    -moz-autocomplete: off !important;
}


#nmpaclabel {
    /* position: relative;
    left: -445px;
    top: 300px; */

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 21px;
    /* identical to box height */
    margin-bottom: 3px;

    color: #FFFFFF;
}

#nmmae {
    box-sizing: border-box;

    /* position: relative;
    left: -455px;
    top: 265px; */
    width: 449px;
    height: 56px;

    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    margin-bottom: 16px;
    position: relative;
    /* Adiciona um espaço para o ícone */
    padding-left: 45px;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8565 4.82777C24.5953 4.82777 26.7976 7.04677 26.7976 9.77459C26.7976 12.4459 24.68 14.6225 22.04 14.7214C21.9181 14.7073 21.7949 14.7073 21.6729 14.7214M24.5812 27.4418C25.5976 27.2298 26.5576 26.8199 27.3482 26.2122C29.5506 24.5585 29.5506 21.8307 27.3482 20.177C26.5718 19.5834 25.6259 19.1877 24.6235 18.9615M11.6212 14.5377C11.48 14.5235 11.3106 14.5235 11.1553 14.5377C9.53488 14.4826 7.9995 13.7982 6.8743 12.6296C5.74911 11.4609 5.12246 9.89961 5.12706 8.27641C5.12706 4.81364 7.92235 2.00102 11.3953 2.00102C13.0559 1.97103 14.6603 2.60268 15.8557 3.75702C17.0511 4.91135 17.7395 6.49381 17.7694 8.15627C17.7994 9.81874 17.1684 11.425 16.0154 12.6218C14.8624 13.8185 13.2817 14.5077 11.6212 14.5377ZM4.56235 19.753C1.14588 22.0427 1.14588 25.774 4.56235 28.0495C8.44471 30.6502 14.8118 30.6502 18.6941 28.0495C22.1106 25.7599 22.1106 22.0286 18.6941 19.753C14.8259 17.1665 8.45882 17.1665 4.56235 19.753Z' stroke='%23C7C7C7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px 26px;

    -webkit-autocomplete: off !important;
    -moz-autocomplete: off !important;
}

#nmmaelabel {
    /* position: relative;
    left: -445px;
    top: 270px; */

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 21px;
    /* identical to box height */
    white-space: nowrap;
    color: #FFFFFF;
    margin-bottom: 3px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1V4.6M16.6 1V4.6M23.8 25L22.6 23.8M1.6 9.508H22M13.444 25H7C2.8 25 1 22.6 1 19V8.8C1 5.2 2.8 2.8 7 2.8H16.6C20.8 2.8 22.6 5.2 22.6 8.8V14.2M11.7939 15.04H11.8059M7.35273 15.04H7.36473M7.35273 18.64H7.36473M19.24 24.28C20.2584 24.28 21.2351 23.8754 21.9553 23.1553C22.6754 22.4352 23.08 21.4584 23.08 20.44C23.08 19.4216 22.6754 18.4449 21.9553 17.7247C21.2351 17.0046 20.2584 16.6 19.24 16.6C18.2216 16.6 17.2448 17.0046 16.5247 17.7247C15.8046 18.4449 15.4 19.4216 15.4 20.44C15.4 21.4584 15.8046 22.4352 16.5247 23.1553C17.2448 23.8754 18.2216 24.28 19.24 24.28Z' stroke='%23C4C4C4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding-right: 5px;
    width: 25px;
    height: 26px;
}

#dtnasc {
    box-sizing: border-box;

    /* position: relative;
    left: -455px;
    top: 250px; */
    width: 449px;
    height: 56px;

    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    margin-bottom: 16px;
}

#dtnasclabel {
    /* position: relative;
    left: -445px;
    top: 255px; */

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 21px;
    /* identical to box height */
    white-space: nowrap;
    margin-bottom: 3px;

    color: #FFFFFF;
}

#email {
    box-sizing: border-box;

    /* position: relative;
    left: -455px;
    top: 235px; */
    width: 449px;
    height: 56px;
    margin-bottom: 20px;

    background: #FFFFFF;
    border: 1px solid #D98E1E;
    border-radius: 8px;

    position: relative;
    /* Adiciona um espaço para o ícone */
    padding-left: 45px;
    /* Posiciona o ícone */
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='26' viewBox='0 0 23 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.123 24C21.123 19.743 16.8376 16.3 11.5615 16.3C6.28542 16.3 2 19.743 2 24M11.5615 13C13.0375 13 14.4531 12.4205 15.4969 11.3891C16.5406 10.3576 17.127 8.95869 17.127 7.5C17.127 6.04131 16.5406 4.64236 15.4969 3.61091C14.4531 2.57946 13.0375 2 11.5615 2C10.0854 2 8.66983 2.57946 7.6261 3.61091C6.58237 4.64236 5.99601 6.04131 5.99601 7.5C5.99601 8.95869 6.58237 10.3576 7.6261 11.3891C8.66983 12.4205 10.0854 13 11.5615 13Z' stroke='%23C7C7C7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px 26px;

    -webkit-autocomplete: off !important;
    -moz-autocomplete: off !important;
}

#emaillabel {
    /* position: relative;
    left: -445px;
    top: 300px; */

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 21px;
    margin-bottom: 3px;
    /* identical to box height */


    color: #FFFFFF;
}

.senhadiv {
    max-width: 449px;
    flex-wrap: nowrap;
    align-items: flex-start;
}

#senha {
    /* position: relative; */
    width: 280px;
    height: 56px;
    background: #FFFFFF;
    border: #D4D4D4;
    /* border-radius: 8px; */
    padding-left: 45px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4 10.8V8.6C6.4 4.959 7.5 2 13 2C18.5 2 19.6 4.959 19.6 8.6V10.8M17.3956 17.4H17.4066M12.9945 17.4H13.0055M8.5945 17.4H8.6033M18.5 24H7.5C3.1 24 2 22.9 2 18.5V16.3C2 11.9 3.1 10.8 7.5 10.8H18.5C22.9 10.8 24 11.9 24 16.3V18.5C24 22.9 22.9 24 18.5 24Z' stroke='%23C7C7C7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px 26px;
    background-position-x: 10px;

    -webkit-autocomplete: off !important;
    -moz-autocomplete: off !important;
}

#spansenha2 {
    /* position: relative; */
    height: 56px;
    max-width: 80px;
    background: #F1F5F5;
    border: #D4D4D4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#spansenha2 svg {
    min-height: 25px;
    min-width: 25px;
}

#senhalabel {
    /* position: relative;
    left: -445px;
    top: 255px; */

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 21px;
    /* identical to box height */
    white-space: nowrap;
    margin-bottom: 3px;

    color: #FFFFFF;
}

#voltar {
    box-sizing: border-box;

    width: 148px;
    height: 48px;

    border: 2px solid #00629B;
    border-radius: 8px;
    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 17px;
    text-align: center;

    color: #00629B;
}

#verifica {
    margin-left: 92px;
    width: 209px;
    height: 48px;
    background: #EC8C29;
    border-radius: 8px;
    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    /* Define a cor do texto como branco */
}

#submit {

    width: 209px;
    height: 48px;

    background: #EC8C29;
    border-radius: 8px;

    margin-left: 92px;

    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 17px;
    text-align: center;

    color: #FFFFFF;

}

.requisitos {
    margin-bottom: 33px;
    /* display: inline-flex; */
}

.requisitos div {

    /* width: 473px; */
    height: 13px;


    font-family: 'Gotham' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;

    color: #FFFFFF;
    margin-bottom: 13px;
    display: flex;
}

.requisitos svg {
    margin-right: 5px;
    /* Adiciona uma margem à direita para separar cada ícone do texto */
    vertical-align: middle;
    /* Alinha o ícone verticalmente com o texto */
}

.passo svg {
    margin-top: 40px;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #C4C4C4;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #C4C4C4;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #C4C4C4;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #C4C4C4;
}

::placeholder {
    /* modern browsers */
    color: #C4C4C4;
}

@media only screen and (max-width: 600px) {
    body {
        background-attachment: fixed;
    }

    .container {
        flex-direction: column;
    }

    #logoiconsorcio {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    #titulo_tela {
        width: 100%;
        font-size: 24px;
        text-align: center;
        margin-bottom: 10px;
    }

    #subtitulo_tela {
        width: 100%;
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
    }

    .cpfdiv {
        margin-bottom: 30px;
    }

    #labelcpf {
        font-size: 18px;
        margin-bottom: 5px;
    }

    #cpf {
        width: 100%;
        height: 50px;
        background-size: 20px auto;
        padding-left: 35px;
        margin-bottom: 20px;
    }

    .alert.fixed-bottom.fixed-right {
        margin-right: 10px;
        margin-bottom: 10px;
        max-width: 100%;
    }

    #nmpac {
        width: 100%;
        height: 50px;
        background-size: 20px auto;
        padding-left: 35px;
        margin-bottom: 20px;
    }

    #nmpaclabel {
        font-size: 18px;
        margin-bottom: 5px;
    }

    #nmmae {
        width: 100%;
        height: 50px;
        background-size: 20px auto;
        padding-left: 35px;
        margin-bottom: 20px;
    }

    #nmmaelabel {
        font-size: 18px;
        margin-bottom: 5px;
    }

    #dtnasc {
        width: 100%;
        height: 50px;
        background-size: 20px auto;
        padding-left: 35px;
        margin-bottom: 20px;
    }

    #dtnasclabel {
        font-size: 18px;
        margin-bottom: 5px;
    }

    #email {
        width: 100%;
        height: 50px;
        background-size: 20px auto;
        padding-left: 35px;
        margin-bottom: 20px;
    }

    #emaillabel {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .senhadiv {
        max-width: 100%;
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    #senha {
        margin-bottom: 10px;
        padding-left: 40px;
    }

    #spansenha2 {
        max-width: 20%;
    }

    #senhalabel {
        font-size: 18px;
        margin-bottom: 5px;
    }

    #requisitos {
        width: 100%;
        height: 10px;
        font-family: 'Gotham' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 10px;
        color: #FFFFFF;
        margin-bottom: 10px;
        display: flex;

    }

    .btn {
        font-size: 14px;
        padding: 10px 16px;
        margin-left: 0px;
        margin-bottom: 16px;
        max-width: 100%;
    }

    .botoes {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    #verifica {
        margin-left: 0px;
        width: 100%;
    }

    #submit {
        margin-left: 0px;
        width: 100%;
    }

    #voltar {
        width: 100%;
    }

    .passo {
        display: none;
    }

    #alerta {
        width: 105%;
    }
}