/* 
    Created on : 13/07/2022, 14:41:06
    Author     : Jeferson Santos - AppCod -> appcod.com.br
*/

@font-face{
    font-family: "Atkinson-Hyperlegible-Bold";
    src: url('../font/Atkinson-Hyperlegible-Bold-102.ttf');
  }
  @font-face{
    font-family: "Atkinson-Hyperlegible-Regular";
    src: url('../font/Atkinson-Hyperlegible-Regular-102.ttf');
  }
  @font-face{
    font-family: "Montserrat-SemiBold";
    src: url('../fonte/montserrat/Montserrat-SemiBold.ttf');
  }
  html {
    scroll-behavior: smooth;
  }
  body, ul, li{
      margin: 0px;
      padding: 0px;
      list-style: none;
      overflow-x: hidden!important;
  }
  img{
       width: 100%;
       margin: 0;
       z-index: -1;
       position: relative;
  }
  .btns{
      z-index: 1000;
      text-align: center;
      background-color: #38980A;
      width: max-content;
      margin-left: auto;
      margin-right: auto;
      border: 2px solid #38980A;
      border-radius: 15px;
      color: white;
      box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.4);
      cursor: pointer;
  }
  .btns02{
      z-index: 1000;
      text-align: center;
      background-color: #38980A;
      width: max-content;
      margin-left: auto;
      margin-right: auto;
      border: 2px solid #38980A;
      border-radius: 15px;
      color: white;
      box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.4);
      cursor: pointer;
  }
  .btnTxt{
      font-family: "Atkinson-Hyperlegible-Bold", sans-serif;
      text-align: center;
      text-shadow: 0px 0px 3px #444444;
      padding: 10px 10px 5px;
      font-size: 1em;
      line-height: 1.2;
      font-display: swap;
  }
  @media (min-width:631px){
      .btn{
          border-radius: 35px;
      }
      .btnTxt{
          padding: 13px 60px 13px 60px;
          font-size: 1.5em;
          line-height: 1.3;
      }
  }
  
  .txtBox{
      color: #ECB854;
  }
  
  .titulo{
      color: #0c1039!important;
      font-family: "Montserrat-SemiBold", sans-serif!important;
      text-align: center!important;
  }
  
  .titulo b{
      font-family: "Montserrat-ExtraBold", sans-serif!important;
  }
  
  .alerta {
      color: #0c1039!important;
      font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-align: left!important;
  }
  .swal2-input{
      margin: 0.5em 0em 3px!important;
      border: 2px solid #808080!important;
      border-radius: 8px!important;
      height: 2.3em!important;
      padding: 0!important;
      width: 100%!important;
  }
  #swal2-title{
      color: #0c1039!important;
      font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-align: center!important;
  }
  .swal2-styled, .swal2-confirm {
      background-color: #175492!important;
  }
  .swal2-html-container {
      text-align: left!important;
      margin-left: 8%!important;
  }
  
  /*-----------------------------------------------------------------
  * Sessão 01
  *----------------------------------------------------------------*/
  /*
  #s01 .logo{
      position: absolute;
      width: 120px;
      margin-top: 8vh;
      margin-left: calc(50% - 60px);
      z-index: 1;
      
      animation: fadein 2.5s ease-in-out;
      
  }
  @keyframes fadein {
      from { opacity: 0.2; }
      to { opacity: 1; }
  }
  */
  #s01 .btns{
      margin-top: -46vh;
      margin-left: 10%;
  }
  
  #s01 .iconezinhos{
      width: 65%;
      margin-left: 11.5%;
      margin-top: 5vh;
  }
  
  #s01 .arrow-01{
      width: 60px;
      margin-left: calc(52% - 30px);
      margin-top: 5vh;
      cursor: pointer;
  }
  #s01 .arrow-02{
      width: 60px;
      margin-left: calc(52% - 30px);
      margin-top: -56px;
      cursor: pointer;
  }
  @media (min-height:550px) and (max-height:630px) and (max-width:581px){
      #s01 .btns{
          margin-top: -39vh;
      }
  }
  @media (min-height:631px) and (max-height:735px) and (max-width:581px){
      #s01 .btns{
          margin-top: -35vh;
      }
  }
  @media (min-height:736px) and (max-height:750px) and (max-width:370px){
      #s01 .btns{
          margin-top: -34vh;
      }
  }
  @media (min-height:751px) and (max-height:850px) and (max-width:631px){
      #s01 .btns{
          margin-top: -32vh;
      }
  }
  @media (min-height:851px) and (max-width:631px){
      #s01 .btns{
          margin-top: -32vh;
      }
  }
  @media (min-width:631px) and (max-width:1300px){
      #s01 .btns{
          margin-top: -50vh;
          position: absolute;
          margin-left: calc(22.5% - 134px);
      }
      #s01 .arrow-01{
          width: 80px;
          margin-left: calc(52% - 40px);
          margin-top: -26vh;
      }
      #s01 .arrow-02{
          width: 80px;
          margin-left: calc(52% - 40px);
          margin-top: -27.5vh;
      }
      #s01 .iconezinhos{
          display: none;
      }
  }
  @media (min-width:1301px) {
      #s01 .btns{
          margin-top: -52.5vh;
          position: absolute;
          margin-left: calc(21% - 134px);
      }
      #s01 .arrow-01{
          width: 80px;
          margin-left: calc(52% - 40px);
          margin-top: -26vh;
      }
      #s01 .arrow-02{
          width: 80px;
          margin-left: calc(52% - 40px);
          margin-top: -27.5vh;
      }
      #s01 .iconezinhos{
          display: none;
      }
  }
  /*-----------------------------------------------------------------
  * Sessão 02
  *----------------------------------------------------------------*/
  #s02{
      background-color: #E6E6E6;
      /*height: 85vh;*/
      display: block;
      margin-top: -0.2vh;
  }
  #s02 .logo{
      width: 150px;
      margin-top: 4vh;
      margin-bottom: 3vh;
      margin-left: calc(50% - 75px);
      z-index: 1;
      
      animation: fadein 1.5s ease-in-out;
      
  }
  #s02 img{
      width: auto;
      margin-top: -10px;
      z-index: 1;
      position: relative;
  }
  @keyframes fadein {
      from { opacity: 0.1; }
      to { opacity: 1; }
  }
  #s02 .progress{
      width: 84%!important;
      border-style: solid!important;
      height: 4.5vh!important;
      border-width: 1px!important;
      border-color: lightgray!important;
      margin-left: 8%!important;
      border-radius: 12px!important;
  }
  #prog span{
      font-family: "Atkinson-Hyperlegible-Bold", sans-serif;
      font-size: 1.2em;
  }
  #quest02 input{
      font-family: "Atkinson-Hyperlegible-Regular", sans-serif;
      font-size: 0.8em;
  }
  .divQuest{
      font-family: "Atkinson-Hyperlegible-Bold", sans-serif;
      margin-left: 10%;
      margin-right: 10%;
      color: #002c4d;
  }
  .divQuest p{
      font-size: 0.8em;
      color: red;
  }
  .escrito{
      font-family: "Atkinson-Hyperlegible-Bold", sans-serif;
      font-size: 1em;
  }
  .inputs{
      height:2.5em;
      font-size: 0.8em;
      border: 2px solid darkred;
      border-radius:6px;
      color: #002c4d;
      font-family: "Atkinson-Hyperlegible-Regular", sans-serif;
  }
  .fadeIn {
      animation: fadeIn 1s ease-in-out;
  }
  @keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
  }
  .fadeOut {
      animation: fadeOut 1s ease-in-out;
  }
  @keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
  }
  label{
      font-size: 1.3em;
      cursor: pointer;
  }
  input[type='radio']{
      transform: scale(1.6);
      margin: 6px;
  }
  #s02 .btn{
      margin-top: -37vh;
  }
  .btnG{
      text-align: center;
      background-color: #38980A;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      border: 2px solid #05D122;
      border-radius: 30px;
      color: white;
      box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.4);
      cursor: pointer;
      padding: 25px 10px 25px 10px;
  }
  .btnTxtG{
      font-family: "Atkinson-Hyperlegible-Bold";
      text-align: center;
      text-shadow: 0px 0px 3px #444444;
      padding: 7px;
      font-size: 0.8em;
      line-height: 1.2;
  }
  .cadeado{
      height: 1em;
  }
  @media (min-height:600px) and (max-width:631px){
      #s02{
          margin-top: -4vh;
      }
  }
  @media (min-height:8211px) and (max-width:631px){
      #s02 .btn{
          margin-top: 0vh;
      }
  }
  @media (min-width:651px) and (max-width:1300px){
      #s02{
          margin-top: -6.2vh;
          margin-bottom: -8vh;
      }
      #s02 .logo{
          width: 200px;
          margin-top: 10vh;
          margin-bottom: 4vh;
          margin-left: calc(50% - 100px);
          z-index: 1;
      }
      #s02 .progress{
          width: 60%!important;
          margin-left: 20%!important;
      }
      #prog span{
          font-size: 1.5em;
      }
      #quest02 input{
          font-size: 1.1em;
      }
      .divQuest{
          margin-left: 20%;
          margin-right: 20%;
      }
      .divQuest p{
          font-size: 1.1em;
      }
      .escrito{
          font-size: 1em;
      }
      .inputs{
          font-size: 1.1em;
      }
  }
  @media (min-width:1301px) {
      #s02{
          margin-top: -6.2vh;
          margin-bottom: -8vh;
      }
      #s02 .logo{
          width: 200px;
          margin-top: 10vh;
          margin-bottom: 4vh;
          margin-left: calc(50% - 100px);
          z-index: 1;
      }
      #s02 .progress{
          width: 60%!important;
          margin-left: 20%!important;
      }
          #prog span{
          font-size: 1.5em;
      }
      #quest02 input{
          font-size: 1.1em;
      }
      .divQuest{
          margin-left: 20%;
          margin-right: 20%;
      }
      .divQuest p{
          font-size: 1.1em;
      }
      .escrito{
          font-size: 1em;
      }
      .inputs{
          font-size: 1.1em;
      }
  }
  
  /*-----------------------------------------------------------------
  * Sessão 03
  *----------------------------------------------------------------*/
  #s03{
      background-color: #00284d;
      display: block;
      margin-top: -0.5vh;
      color: white
  }
  #s03 h2{
      font-family: "Atkinson-Hyperlegible-Bold";
      font-size: 2em;
  }
  .contem{
      margin: auto 10%;
  }
  .paragrafo{
      text-align: left;
      
  }
  #s03 img{
      width: 80%;
      margin-top: 8px;
      z-index: 1;
  }
  #s03 .contem-pc{
      display: none;
  }
  #s03 .btns{
      margin-top: -3.5vh;
  }
  @media (min-width:631px){
      #s03 .contem{
          display: none;
      }
      #s03 .contem-pc{
          display: block;
      }
      #s03 .btns{
          margin-top: 0vh;
      }
  }
  
  /*-----------------------------------------------------------------
  * Sessão 04
  *----------------------------------------------------------------*/
  #s04{
      display: block;
      margin-top: -0.5vh;
      color: white
  }
  
  #s04 .btns{
      margin-top: -28vh;
      margin-left: 10%;
  }
  
  #s04 .iconezinhos{
      width: 65%;
      margin-left: 11.5%;
      margin-top: 5vh;
  }
  @media (max-height:660px) and (max-width:631px){
      #s04 .btns{
          margin-top: -31vh;
      }
  }
  @media (min-width:631px){
      #s04 .iconezinhos{
          display: none;
      }
      #s04 .btns{
          margin-top: -44vh;
          margin-left: 13%;
          margin-bottom: 26vh;
      }
  }
  
  /*-----------------------------------------------------------------
  * Sessão Depoimentos
  *----------------------------------------------------------------*/
  #sDepo{
      background-color: #01284d;
      display: block;
      margin-top: -0.5vh;
      color: white
  }
  #sDepo h2{
      font-family: "Atkinson-Hyperlegible-Bold";
      font-size: 1.8em;
      margin-left: 10%;
      margin-right: 10%;
  }
  
  .slick-slide {
      margin: 0 3px;  /*Espaçamento desejado entre as imagens */
  }
  .slick-list {
    margin: 0 -6px; /* Compense o espaçamento negativo do slide */
  }
  .testimonial-container{
      width: 80%;
      margin-left: 10%;
      text-align: center;
  }
      
  .testimonial-img {
      border-radius: 8px;
      width: 100%;
  }
  @media (min-width:631px){
      .testimonial-img {
          border-radius: 10px;
          width: calc(80% / 2 -5px);
      }
      .testimonial-container{
          width: 80%;
          margin-left: 10%;
          margin-right: 10%;
          text-align: center;
      }
  }
  /*-----------------------------------------------------------------
  * Sessão 05
  *----------------------------------------------------------------*/
  #s05{
      display: block;
      margin-top: -3.5vh;
      color: white
  }
  #s05 .btns{
      margin-top: -28vh;
      margin-left: 10%;
  }
  
  #s05 .iconezinhos img{
      width: 65%!important;
      margin-left: 11.5%!important;
      margin-top: 5vh!important;
  }
  @media (min-width:631px){
      #s05{
          margin-top: -16.5vh;
      }
      #s05 .iconezinhos{
          display: none;
      }
      #s05 .btns{
          margin-top: -36vh;
          margin-bottom: 20vh;
          margin-left: auto;
          margin-right: auto;
      }
  }
  
  /*-----------------------------------------------------------------
  * Sessão 06
  *----------------------------------------------------------------*/
  #s06{
      display: block;
      margin-top: -0.5vh;
      color: white
  }
  
  /*----------------------------------------------------------------*/
  
  .divBotoes{
      display: grid;
      grid-template-columns: 50% 50%;
      bottom: 0;
      left: 0;
      /*height: 45px;
      position: fixed;*/
      width: 100%;
  }
  .divBtnAnt{
      text-align: left;
      margin-left: 10%;
  }
  .divBtnProx{
      text-align: right;
      margin-right: 10%;
  }
  
  /*-----------------------------------------------------------------
  * Página Resultado Positivo
  *----------------------------------------------------------------*/
  #result-positivo {
      display: block;
      background-image: url("../img/bg-8.webp");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      
      font-family: "Atkinson-Hyperlegible-Bold";
      color: white;
  }
  .txtsR{
      margin-left: 9%;
      margin-right: 9%
  }
  #result-positivo #seuResultado{
      text-align: center;
      padding-top: 3vh;
  }
  #result-positivo #parabens{
      width: fit-content;
      margin: auto;
      background-color: white;
      color: #019900;
      padding: 10px 15px 3px;
      border-color: white;
      border-radius: 20px;
      text-align: center;
      font-size: 5vh;
  }
  #result-positivo h2{
      padding-top: 3vh;
      text-align: left;
  }
  #result-positivo h3{
      padding-top: 3vh;
      text-align: left;
      color: #FDB84C;
  }
  #result-positivo #txtResult{
      font-family: "Atkinson-Hyperlegible-Regular";
      padding: 1.5vh 0px 2.5vh;
      text-align: left;
      font-size: 2.75vh;
  }
  #result-positivo h4{
      font-family: "Atkinson-Hyperlegible-Regular";
      text-align: center;
      font-size: 2.5vh;
      padding-top: 2.5vh;
  }
  #imgSucesso{
      width: 100%;
      margin: 0;
      position: relative;
      z-index: 10;
  }
  
  @media(min-width:631px){
      #result-positivo {
          background-image: url("../img/bg-8-pc.webp");
      }
      #result-positivo h2{
          text-align: center;
      }
      #result-positivo h3{
          text-align: center;
      }
      #result-positivo #txtResult{
          text-align: center;
      }
  }
  
  
  
  
  #result-s01 .btns{
      margin-top: -55vh;
      margin-left: 9.5%;
      position: absolute;
  }
  #result-s01 h4{
      color: white;
      font-size: 1em;
      margin-left: 11%;
      margin-top: -52.5vh;
      position: absolute;
  }
  
  @media (min-width:631px) and (max-width:1380px){
      #result-s01 .btns{
          margin-top: -105vh;
      }
      #result-s01 h4{
          margin-left: 45%;
          margin-top: -100.5vh;
      }
  }
  @media (min-width:1381px) and (max-width:1640px){
      #result-s01 .btns{
          margin-top: -108vh;
      }
      #result-s01 h4{
          margin-left: 45%;
          margin-top: -102.5vh;
      }
  }
  @media (min-width:1641px) and (max-width:1900px){
      #result-s01 .btns{
          margin-top: -111vh;
      }
      #result-s01 h4{
          margin-left: 45%;
          margin-top: -104.5vh;
      }
  }
  @media (min-width:1901px){
      #result-s01 .btns{
          margin-top: -116vh;
      }
      #result-s01 h4{
          margin-left: 45%;
          margin-top: -106.5vh;
      }
  }
  
  
  #final{
      background-color: white;
      color: #00284d;
      width: 100%;
  }
  #final .firstP{
      font-family: "Atkinson-Hyperlegible-Bold";
      font-size: 18px;
      text-align: left;
      margin: 2vh 9.5%;
  }
  #final .secondP{
      font-family: "Atkinson-Hyperlegible-Regular";
      font-size: 10px;
      text-align: justify;
      margin: 2vh 9.5%;
  }
  #final b{
      font-family: "Atkinson-Hyperlegible-Bold";
  }
  #final .logo{
      width: 20%;
      margin-left: 9.5%;
      margin-bottom: 2vh;
  }
  #final .logoR{
      z-index: 10;
      width: 60%;
      margin-left: 9.5%;
      margin-bottom: 3vh;
  }
  #espacoPC{
      display: none;
  }
  
  @media(min-width:631px){
      #result-s01 .btns{
          margin-top: -116vh;
          margin-left: 39%;
      }
      #result-s01 .btns02{
          margin-top: -120vh!important;
          margin-left: 39%;
      }
      #final .firstP{
          text-align: left;
          margin: 7vh 5% 2vh 20%;
      }
      #final .btns{
          margin-left: 20%;
      }
      #final .secondP{
          text-align: justify;
          margin: 7vh 20% 2vh 5%; 
      }
      #final .logo{
          margin-left: 5%;
          width: 30%;
          margin-bottom: 7vh;
      }
      #final .logoR{
          z-index: 10;
          width: 15%;
          margin-left: 5%;
          margin-bottom: 7vh;
      }
      #espacoPC{
          display: flex;
      }
  }