.container-btn-step1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-step1-confirm {
    height: 35px;
    width: 70%;
    border: 0;
    background: #f88430;
    color: #fff;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-mobile {
    font-size: 50px;
    margin-top: 0;
    font-weight: 700
}

.btn-info,
.btn-restricao,
a {
    cursor: pointer
}

*,
h1,
h2,
p {
    margin: 0;
    padding: 0
}

body,
html {
    font-display: optional;
    width: 100%;
    background-color: #fff;
    overflow-x: hidden
}

p {
    color: #425466
}

input {
    outline: 0
}

a {
    text-decoration: none;
    color: #1592e6
}

.details-dir2,
.details-esq1,
.details-top,
.logo,
.select-styled option[value=""][disabled],
.title-br {
    display: none
}

.details-pratice-mobile {
    display: block;
    position: absolute;
    top: 1126px;
    left: 50%
}

.details-top-mobile {
    display: block;
    position: absolute;
    top: 0
}

.title-mobile {
    font-size: 50px
}

.ajust-input-mobile {
    margin-top: 10px
}

.sub-title-mobile {
    font-size: 34px;
    font-weight: 700;
    margin-top: -5px
}

.sub-title-mobile span {
    color: #39bc02
}

.content {
    padding: 0 22px
}

.description {
    margin: 22px 0
}

.description p {
    color: #313131;
    font-size: 20px
}

.container-form {
    background: #175e91;
    color: #fff;
    padding: 24px;
    border-radius: 42px
}

.btn-info,
.btn-styled,
.select-styled {
    border-radius: 21px
}

select:required:invalid {
    color: #bcbcbc !important
}

.select-styled option {
    color: #000
}

.select-styled::placeholder {
    color: #bcbcbc
}

.btn-info {
    color: #bcbcbc;
    font-size: 14px;
    background-color: #fff;
    border-color: #dbdbdb;
    width: 46%;
    float: left
}

.btn-info:hover {
    color: #fff;
    background-color: #f88430;
    border-color: #8bb18b
}

.btn-info.active {
    color: #fff;
    background-color: teal;
    border-color: #00f
}

.btn-warning {
    background-color: #f76d1d;
    border-color: tomato
}

.btn-warning:hover {
    background-color: #e26218;
    border-color: tomato
}

.restricao {
    visibility: hidden;
    position: fixed
}

.termos-check {
    font-size: 13px
}

.btn-styled {
    color: #fff;
    background: #f88430;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    border: none;
    outline: 0;
    padding: 7px
}

.title-card {
    font-size: 16px;
    margin: 12px 0
}

.description-card,
.title {
    text-align: center
}

.description-card {
    font-size: 14px;
    color: #425466
}

.title {
    font-size: 24px
}

.title-card-profile {
    font-size: 18px;
    text-align: left
}

.description-card-profile {
    font-size: 14px
}

.custom-label-form {
    height: 33px;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 600
}

.triangle {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #425466;
    display: block;
    position: relative;
    left: calc(100% - 25px);
    top: -23px
}

.input-valid-status-desk {
    display: none;
    z-index: 999
}

.active {
    transform: rotate(180deg)
}

.input-valid-status-politic {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.btn-restricao {
    font-size: 14px !important;
    color: #bcbcbc;
    background-color: #fff;
    border-color: #ced4da;
    height: 38px;
    line-height: 21px;
    border-radius: 21px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 47%
}

.btn-check:checked+.btn-restricao,
.btn-restricao:hover {
    color: #fff;
    background-color: #f88430
}

a.disabled {
    pointer-events: none;
    cursor: default
}

.tamanho-max-form,
.tamanho-max-form-step2 {
    max-height: 95vh;
    margin-top: -10px
}

.disable {
    background-color: #f88430
}

.distancia-politica {
    margin-top: 7vh
}

.cor-texto-politica {
    color: #39bc02;
    margin-top: 2vh
}

.alinhamento-steps {
    text-align: center
}

.img-step1 {
    width: 15vh
}

@media (min-width:768px) {

    .container-center,
    .container-top {
        flex-direction: row;
        padding: 0 40px
    }

    .img-step1 {
        width: 15vh
    }

    .distancia-politica {
        margin-top: 13vh
    }

    .tamanho-max-form-step2 {
        max-height: 320px
    }

    .tamanho-max-form {
        max-height: 365px
    }

    .input-valid-status-desk,
    .logo,
    .title-br {
        display: block
    }

    .sub-title-mobile,
    .sub-title-mobile span,
    .title-mobile {
        font-size: 65px
    }

    .title-mobile {
        margin-top: 25px
    }

    .content {
        width: 100%
    }

    .container-top {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .content-page {
        width: 100%;
        max-width: 1366px
    }

    .container-form {
        min-width: 520px;
        margin-left: 10px;
        margin-top: 0
    }

    .container-center {
        display: flex;
        margin: 40px 0;
        justify-content: space-between
    }

    .container-restrict {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center
    }

    .details-dir2,
    .details-esq1,
    .details-top {
        display: block;
        position: absolute
    }

    .restricao-label-no,
    .restricao-label-yes {
        width: 107px;
        height: 37px
    }

    .restricao-label-yes {
        margin-right: 14px
    }

    .custom-button {
        border: none;
        width: 281px
    }

    .custom-label-form {
        font-size: 16px;
        margin-left: 1vh
    }

    .title-card-profile {
        font-size: 24px;
        margin-bottom: 20px
    }

    .description-card-profile {
        font-size: 16px
    }

    .title-card {
        font-size: 20px;
        margin-top: 21px
    }

    .description-card {
        font-size: 16px;
        margin-top: 31px
    }

    .title {
        font-size: 40px;
        font-display: optional
    }

    .details-top {
        width: 90%;
        top: 0
    }

    .details-esq1 {
        top: 500px;
        width: 380px
    }

    .details-dir2 {
        top: 1250px;
        left: 60%
    }

    .btn-restricao {
        width: 110px;
        margin-left: 10px
    }

    .teste {
        margin-left: auto
    }
}

@media screen and (max-width:1024px) {
    .description p {
        font-size: 13px;
        margin-top: -15px
    }
}

@media only screen and (min-width:601px) and (max-width:1024px) {

    .sub-title-mobile,
    .sub-title-mobile span,
    .title-mobile {
        font-size: 47px
    }
}

.publicidade {
    padding-bottom: 15px;
}