html,
body{
    /* height: 100%; */
}

h1,
h2,
h3 {
    font-family: var(--proximaNova);
    font-weight: bold;
}

a,
p,
span {
    font-family: var(--proximaNova);
    font-weight: normal;
}

.wrapper {
    background: url(../images/login/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 90px 0 120px;
    height: 100%;
}

.logo {
    text-align: right;
    padding-right: 65px;
}

.logo img {
    width: 180px;
}

.dec-logo img {
    /* mix-blend-mode: screen; */
    width: 100%;
}

.dec-text {
    padding-right: 28%;
}

.dec-text .img-capacete {
    width: 100%;
}

.dec-text h3 {
    font-size: 28px;
    letter-spacing: -1px;
    color: #bbedff;
    font-weight: bold;
}

.dec-text .clique {
    color: #ffcf04;
}

.dec-text h1 {
    font-size: 40px;
    letter-spacing: -1px;
    color: #ffffff;
    font-weight: bold;
}

.dec-text p {
    font-size: 18px;
    color: #fff;
    /* margin: 40px 0; */
}


/* .dec-text form {
    margin: 0px 0 30px;
    display: flex;
    gap: 15px;
    max-width: 640px;
}

.dec-text form div {
    width: calc(100% - 125px);
    height: 49px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 4px solid #ebf1f5;
    text-align: right;

}

.dec-text form select {
    font-size: 18px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    padding: 0 8px 0 20px;
    height: 42px;
    border-radius: 10px 0 0 10px;
    background-color: #ebf1f5;
    background-image: url(../images/login/sbg.png);
    border: none;
}

select {
    appearance: none;
} */

.dec-text form button {
    font-size: 18px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    width: max-content;
    height: 49px;
    border-radius: 10px;
    background-color: var(--theme__color1);
    border: none;
}

.dec-text form label {
    text-transform: uppercase;
    color: #fff;
}

*/ .pro1 {
    display: block;
}


div#ModalContato {
    background: #000000;
}

div#ModalResetPass {
    background: #000000;
}

div#ModalTermosdeUso {
    background: #000000;
}


.forgotPass,
.forgotPass:visited {
    color: #fff;
}

.forgotPass:hover {
    color: #ffd332;
}

.capacete-disable {
    -webkit-filter: blur(5px) grayscale(100%);
    filter: blur(5px) grayscale(100%);
    filter: gray;
    /* IE */
    -moz-filter: grayscale(100%) blur(5px);
    -o-filter: grayscale(100%) blur(5px);
    -ms-filter: grayscale(100%) blur(5px);
}