:root {
           --white: white;
           --linhazinha: rgba(154, 82, 97, .3);
           --light-slate-grey: #8797bb;
           --azul-destaque: #5d8efa;
           --white-smoke: #f0f0f0;
           --coralzin: #fa7268;
           --midnight-blue: #233140;
           --light-coral: #fe908a;
           --background: #010b21;
           --grey: #8e8e8e;
           --alice-blue: #eaeef6;
           --royal-blue: #476382;
           --misty-rose: #ffddd2;
           --new-orange: #e76353;
           --new-blue: #0f1a45;
           --snow: #fbf8f8;
           --coral-forte: #ff4e43;
           --h1-blue: #0b2279;
           --dark-slate-blue: #3c4488;
           --shadow-blue: #9fb5f8;
           --gradiente-1: rgba(193, 24, 34, .04);
           --gradiente2: rgba(255, 255, 255, 0);
           --firebrick: rgba(193, 24, 34, .6);
           --new-red: rgba(255, 0, 0, 0.78);
           --new-green: rgba(7, 236, 125, 0.78);
           --display-flex: flex;
       }
       
       * {
           margin: 0;
           padding: 0;
       }
       
       body {
           @import url('https://fonts.googleapis.com/css2?family=Anton+SC&display=swap');
           /* font-family: Arial, Helvetica Neue, Helvetica, sans-serif; */
           /* font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; */
           font-family: "ADLaM Display", system-ui;
           font-weight: 400;
           font-style: normal;
       }
       
       .nav {
           width: 100%;
           display: flex;
           align-items: center;
       }
       /* .dadosPortfolio {} */
       
       .bootomForm {
           width: 100%;
           z-index: 999999999999999999;
           display: flex;
           justify-content: space-around;
           align-items: center;
           height: 18px;
           background-color: #133e67;
           -webkit-box-shadow: 12px 18px 5px #f4f4f4;
           /* border-top-left-radius: 20%;
    border-top-right-radius: 20%; */
           margin-bottom: 0;
       }
       
       .bootomForm p {
           color: white;
           font-size: 10px;
       }
       /* .conteudoFormBanner {
    width: 100%;
    min-height: 62vh;
    display: flex;
    justify-content: center;
    align-items: center;
} */
       
       .localImagem {
           width: 100%;
           height: 90px;
           overflow: hidden;
       }
       
       .regional {
           width: 100%;
           height: 280px;
           z-index: 99999999999;
           background-position: center;
           z-index: 999999999999999999;
       }
       
       .regional img {
           width: 100%;
           height: 100%;
       }
       
       .orgBody {
           display: flex;
           justify-content: space-between;
           flex-direction: column;
           align-items: center;
           height: 100vh;
           background-image: url("https://vestibular.gruponem.com.br/assets/imagens/fundoX.jpeg");
           background-size: cover;
           background-repeat: no-repeat;
           /* background-position: center; */
           width: 100%;
           height: 100%;
           /* background-color: #ff8900; */
       }
       
       .linhadotempo {
           width: 100%;
           display: flex;
           align-items: center;
           /* height: 100vh; */
           flex-direction: row-reverse;
           justify-content: space-around;
           height: 696px;
       }
       
       .banerLef {
           display: flex;
           flex-direction: column;
           align-items: center;
           /* padding: 21px; */
       }
       /* .bannerTexto {
    width: 500px;
} */
       
       .bannerTexto img {
           width: 250px;
       }
       
       #gratis {
           color: var(--new-orange);
           font-weight: bold;
           font-size: 60px;
       }
       
       .bannerTexto span {
           text-align: center;
           font-weight: 700;
           color: var(--new-blue);
           font-size: 16px;
           line-height: 26px;
           /*margin: 10px;*/
       }
       
       .bannerTexto span strong {
           color: var(--new-orange);
       }
       
       .text-block-531 {
           display: flex;
           flex-direction: column;
           justify-content: center;
           color: var(--new-orange);
           font-size: 30px;
           font-weight: 700;
           text-align: center;
       }
       
       .orgTextDesc {
           display: flex;
           flex-direction: column;
           justify-content: flex-start;
           align-items: flex-start;
           color: var(--new-orange);
           font-size: 30px;
           font-weight: 700;
           width: 73%;
           /* background: red; */
       }
       
       .text-info {
           color: #FFEB3B;
           font-size: 14px;
       }
       
       .desconto {
           font-size: 15px;
           color: white;
           text-shadow: -1px -2px 5px #ffffff;
           text-align: center;
       }
       /* .formateDesconto {
    display: flex;
    align-items: flex-end;
    justify-content: center;
} */
       
       .formateDesconto h1 {
           margin: 0;
           width: auto;
           font-size: 76px;
           color: white !important;
           text-shadow: 6px 10px 5px #2900b6;
       }
       
       .textos {
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           /* background: #be6c3d; */
           /* height: 114px; */
       }
       
       .text-bolsa {
           height: 338px;
           display: flex;
           flex-direction: column;
           justify-content: space-around;
           align-items: center;
           width: 500px;
           color: white;
           /* font-family: revert; */
       }
       
       .text-bolsa h3 {
           padding: 10px;
           font-size: 36px;
           text-align: center;
       }
       
       .text-bolsa span,
       .text-bolsa p {
           padding: 10px;
           font-size: 24px;
           text-align: center;
           /* width: 300px; */
       }
       
       .formatarTextBolsa,
       .formatarTextBolsa02 {
           display: flex;
           align-items: center;
           justify-content: center;
       }
       
       .formatarTextBolsa span,
       .formatarTextBolsa02 span {
           margin: 10px;
           font-size: 25px;
           color: white;
       }
       
       .text-span-772 {
           color: #ffffff;
           text-orientation: upright;
           text-transform: uppercase;
           font-size: 20px;
           margin-bottom: 10px;
           /*text-shadow: 6px 5px 5px #3900ff;*/
           text-shadow: -1px -2px 5px #ffffff;
       }
       
       .condicoes strong {
           position: absolute;
           color: white;
           transform: rotate(-90deg);
           margin-top: 40px;
           left: -51px;
           font-size: 12px;
       }
       /* .text-span-773 {
    color: #0b237c;
    font-weight: 700;
} */
       
       .logos {
           width: 100%;
           height: 160px;
           display: flex;
           justify-content: space-around;
           align-items: center;
       }
       
       .logos img {
           width: 100px;
           /*height: 100px;*/
       }
       /*.logoUnopar{
     width: 150px !important;
     }*/
       
       h5,
       h4,
       h3,
       h2 {
           text-transform: uppercase;
           width: 100%;
           text-align: center;
       }
       /* .form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} */
       
       .formulario {
           display: flex;
           flex-direction: column;
           justify-content: space-between;
           align-items: center;
           background: #fff;
          box-shadow: 0px 0px 7px 2px rgb(255 255 255 / 91%);
           border-radius: 12px;
           padding: 15px;
           width: 355px;
       }
       
       .form p {
           margin-bottom: 20px;
           color: #34302e;
           text-align: center;
           font-size: 14px;
       }
       
       .form select {
           padding: 8px;
           margin: 10px 0;
           border-radius: 50px;
           border: solid 1px #ff572296;
           outline: none;
       }
       
       .form select option {
           font-size: 18px;
       }
       
       .formulario h2 {
           margin-top: 60px;
           margin-bottom: 40px;
           color: #000000;
           font-size: 16px;
       }
       
       .formulario h3,
       h1 {
           color: #0c0707c2 !important;
           text-align: center;
           width: 100%;
           margin-top: 38px;
       }
       
       fieldset {
           width: 100%;
           padding: 12px;
           border-radius: 5px;
           display: flex;
           flex-direction: column;
           align-items: flex-start;
           height: 100px;
           color: #0c0707c2 !important;
       }
       
       .inputStyle {
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           width: 100%;
       }
       
       #liConcordo {
           color: #0c0707c2 !important;
       }
       
       #liConcordo input {
           /* all: unset; */
           width: 20px;
           height: 20px;
           /* -webkit-appearance: none; */
           /* background-color: blue; */
       }
       /* .preMatricula {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 300px;
} */
       
       .preMatricula input {
           margin: 10px;
       }
       
       input[type="text"],
       input[type="password"],
       input[type="date"] {
           width: 96%;
           padding: 8px;
           border: 1px solid #ff572296;
           border-radius: 15px;
           font-size: 15px;
           font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
           outline: none;
           margin-top: 10px;
           margin-bottom: 10px;
           /* background: black;
    color: #fff; */
       }
       
       input[type="submit"],
       button {
           width: 100%;
           padding: 10px;
           border: 0;
           border-radius: 5px;
           font-size: 15px;
           font-family: monospace;
           outline: none;
           background-color: #3dbe76;
           color: white;
           cursor: pointer;
           margin-top: 20px;
           box-shadow: 0 0 10px #332d2d;
           border-radius: 15px;

       }
       button a {
       text-decoration: none;
       font-size: 22px;
       color: #fff;
       }
       select {
           width: 103%;
           padding: 5px;
           border: 0;
           border-radius: 5px;
           font-size: 15px;
           font-family: monospace;
           outline: none;
           padding: 10px;
       }
       
       .error {
           color: red;
       }
       
       .reload {
           display: none;
       }
       
       #formModal {
           display: flex;
           flex-direction: column;
           /* justify-content: center; */
           background: white;
           color: black;
           padding: 20px;
           width: 350px;
           /* height: 250px; */
           overflow-x: auto;
           align-items: center;
       }
       
       #formModal::-webkit-scrollbar {
           width: 3px;
           height: 6px;
           background-color: rgb(30, 30, 30);
       }
       
       #formModal::-webkit-scrollbar-track {
           background: rgb(230, 225, 225);
           padding: 2px;
       }
       
       #formModal::-webkit-scrollbar-thumb {
           background-color: #FF5722;
           height: 24px;
       }
       
       #modal {
           position: fixed;
           left: 0;
           top: 0;
           bottom: 0;
           right: 0;
           backdrop-filter: blur(8px);
           display: none;
           flex-direction: column;
           transition: all ease .5s;
           justify-content: center;
           align-items: center;
           color: white;
           font-size: 20px;
           font-weight: bold;
           z-index: 99999999999999999999;
       }
       
       .closedModal,
       .closedMensagem_indicacao {
           display: none;
           font-size: 20px;
           top: 2%;
           right: 2%;
           color: white;
           position: fixed;
           cursor: pointer;
           background: #060606d9;
           width: 40px;
           height: 40px;
           text-align: center;
           line-height: 40px;
           /* z-index: 9999999999999999999; */
           /* border-radius: 50%; */
       }
       
       .closedMensagem_indicacao {
           z-index: 999999;
       }
       
       .mensagem_indicacao {
           position: fixed;
           left: 0;
           top: 0;
           bottom: 0;
           right: 0;
           display: none;
           background: #4caf50e3;
           width: 100%;
           min-height: 100vh;
           justify-content: center;
           align-items: center;
           /* z-index: 1; */
       }
       
       .indicou,
       .nao_indicou {
           background: #ffffffd9;
           width: 350px;
           height: 362px;
           justify-content: space-around;
           align-items: center;
           flex-direction: column;
           color: #258829;
           font-size: 25px;
           display: flex;
           text-align: center;
           border-radius: 10px;
           box-shadow: 0px 0px 9px 10px #ffffff75;
           padding: 10px;
           border: solid;
       }
       
       #festa {
           display: flex;
           /* justify-content: center; */
           align-items: center;
       }
       
       #festa span img {
           width: 55px;
           height: 55px;
       }
       
       #compartilhar {
           color: #000000;
           cursor: pointer;
           font-size: 20px;
           display: flex;
           /* justify-content: center; */
           align-items: center;
       }
       
       #compartilhar strong {
           width: 30px;
           height: 30px;
           border-radius: 50%;
           box-shadow: 0px 0px 3px 4px #8bb500;
           margin-left: -41px;
           background: #cdcbd7;
           position: absolute;
           border: solid #c5bdbd;
           display: flex;
           justify-content: center;
           align-items: center;
       }
       
       #compartilhar strong img {
           width: 20px;
           height: 20px;
       }
       
       .indicacao4 input {
           margin-top: 186px;
           width: 214px;
           margin-left: -201px;
       }
       
       .textoForm {
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           color: black;
           padding: 20px;
           width: 350px;
           margin-bottom: -1px;
           background: white;
           font-family: system-ui;
       }
       
       .textoForm span {
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           font-weight: lighter;
       }
       
       .textoForm #nome {
           text-align: center;
           font-weight: lighter;
           font-size: 25px;
       }
       
       #p {
           text-align: center;
           font-size: 20px;
           margin: 15px;
       }
       
       .textoForm p span {
           text-align: center;
       }
       
       .logosGrupo {
           display: flex;
           justify-content: space-around;
           align-items: center;
           height: 170px;
           /* background-color: green; */
           width: 100%;
       }
       
       .logosGrupo img {
           /* width: 100px; */
           display: flex;
           align-items: center;
       }
       
       .logosGrupo .logoUnopar {
           width: 100px;
       }
       
       .logosGrupo .soluto {
           width: 167px;
       }
       
       .logosGrupo .colegio {
           width: 72px;
       }
       
       .logosGrupo .anhanguera {
           width: 108px;
       }
       
       @media(max-width:900px) {
           .dadosPortfolio {
               display: flex;
               justify-content: space-between;
               flex-direction: column;
               align-items: center;
           }
           .conteudoFormBanner {
               height: auto;
           }
           .bannerTexto {
               width: 100%;
               margin-bottom: 30px;
               display: flex;
               align-items: center;
               justify-content: center;
           }
           .text-block-531 {
               position: relative;
               text-align: center;
               width: 100% !important;
               margin: 20px;
               align-items: center;
           }
           .linhadotempo {
               flex-direction: column-reverse;
               height: auto;
               min-height: 1282px;
           }
           .banerLef {
               padding: 0;
               height: auto;
           }
            .orgTextDesc {
               width: auto;
               margin-top: 25px;
           }
           /* .condicoes strong {
        left: -20px;
    } */
       }
       
       @media(max-width:600px) {
           .desconto {
               font-size: 22px;
           }
           .formateDesconto h1 {
               font-size: 60px;
           }
           .bannerTexto img {
               width: 350px;
           }
           .text-bolsa {
               width: 100%;
               height: auto;
           }
           .text-bolsa h3 {
               font-size: 27px;
               padding: 0;
           }
           .text-bolsa span,
           .text-bolsa p {
               font-size: 20px;
               width: 300px;
               padding: 20px;
               margin: 15px;
           }
           .logosGrupo .logoUnopar {
               width: 70px;
           }
           .logosGrupo .soluto {
               width: 137px;
           }
           .logosGrupo .colegio {
               width: 42px;
           }
           .logosGrupo .anhanguera {
               width: 78px;
           }
           .condicoes strong {
               left: -33px;
           }
           .formulario {
               width: 325px;
           }
       }
       
       @media(max-width:400px) {
           /* .conteudoFormBanner {
        height: 100vh;
    } */
           .bannerTexto img {
               width: 300px;
           }
           .text-bolsa strong {
               font-size: 25px;
           }
           .orgTextDesc {
               text-align: center;
           }
           /* .formulario {
        padding: 20px;
        margin: 0 0 50px;
    } */
           .text-block-531 {
               margin: 20px;
           }
           .condicoes strong {
               left: -53px;
               top: 850px;
           }
       }
       
       @media(max-width:350px) {
           .formulario {
               width: 100%;
           }
       }