* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

:root {
 font-size: 62.5%;
}

body {
 height: 100vh;
 width: 100%;

 overflow: hidden;

 justify-content: center;
 align-items: center;
 display: flex;
}

.background-image {
 height: 100vh;
 width: 100%;

 position: absolute;
 top: -5px;
 left: 0;

 object-fit: cover;
 filter: blur(4px) brightness(0.6);
}

main {
 height: 630px;
 width: 850px;
 
 box-shadow: #0000001f 0 0 30px 5px;
 background-color: white;
 border-radius: 3rem;
 
 margin: 1rem;
 
 position: relative;
 display: flex;

 align-items: center;
 display: flex;
}

form {
 height: 100%;
 flex: 1;

 padding: 3.5rem 3.4rem 2rem 3.5rem;
 overflow: auto;

}

h2 {
 font-family: 'Mulish', sans-serif;
 font-size: 2.5rem;
 font-weight: 700;
 color: #222222;
 margin-top: 1rem;
}

p {
 font-family: 'Mulish', sans-serif;
 font-size: 2rem;
 color: #585858;
 margin-top: 1rem;
}

.input-wrapper {
 margin-top: 2rem;
 flex-direction: column;
 display: flex;
}

label {
 font-family: 'Mulish', sans-serif;
 font-size: 1.3rem;
 font-weight: 300;
 margin-bottom: 0.5rem;
}
label strong {
 color: rgb(211, 2, 2); 
}

.input-wrapper input {
 height: 4.2rem;
 width: 100%;
 
 box-shadow: #00000010 0 0 5px 0px;
 background-color: #f7f7f7;
 border-radius: .8rem;

 border: none;
 border: solid 1px #e5e5e5;
 padding: 0rem 1.2rem;
 margin-top: .3rem;
 
 font-family: 'Mulish', sans-serif;
 font-size: 1.6rem;
 font-weight: 700;
 color: #313131;

 outline: none;
 
}

.g-recaptcha {
 margin-top: 2rem;
}

#input-submit, button {
 height: 4.5rem;
 width: 60%;
    
 font-family: 'Mulish', sans-serif;
 font-size: 1.8rem;
 font-weight: 700;
 color: #fff;
 
 box-shadow: #00000010 0 0 5px 0px;
 background-color: #FAE556;
 border: solid 1px #e5e5e5;
 border-radius: 1.6rem;
 margin-top: 2rem;
 
 transition: .3s ease-in-out;
 cursor: pointer;


}

#sendConfirmation {
   height: 4.5rem;
 width: 60%;
    
 font-family: 'Mulish', sans-serif;
 font-size: 1.8rem;
 font-weight: 700;
 color: #fff;
 
 box-shadow: #00000010 0 0 5px 0px;
 background-color: #FAE556;
 border: solid 1px #e5e5e5;
 border-radius: 1.6rem;
 margin-top: 2rem;
 
 transition: .3s ease-in-out;
 cursor: pointer;


}

#input-submit:hover, button:hover {
 transform: scale(110%);
}

#sendConfirmation :hover, button:hover {
 transform: scale(110%);
}

.banner-image {
  height: 100%;
  width: auto;   
}

::-webkit-scrollbar {
  width: 4px;       /* largura da barra vertical */
  height: 4px;      /* altura da barra horizontal */
}

::-webkit-scrollbar-track {
  background: #f0f0f0; /* cor do fundo da barra */
  border-radius: 6px;  /* cantos arredondados */
}

::-webkit-scrollbar-thumb {
  background-color: #490185; /* cor da parte que se move */
  border-radius: 6px;        /* cantos arredondados */
  border: 2px solid #f0f0f0; /* cria efeito de padding interno */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #0014cc; /* cor ao passar mouse */
}

.HIDE {
 display: none;
}

.SHOW {
  height: 100%;
 flex: 1;

 padding: 3.5rem 3.4rem 2rem 3.5rem;
 overflow: auto;

}