#fundo-collapseInscreva {
  background-color: #f0efef;
}

#collapseInscreva .card {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#section,
#section2,
#section3 {
  padding: 40px 0px 40px 0px;
}

#section h1,
#section2 h1,
#section3 h1,
#section4 h1 {
  color: #0a7a00;
  font-family: "Exo 2";
  font-weight: 800 !important;
  font-style: italic;
  line-height: 44px;
  font-size: 3.8rem;
}

#section .texto-menor,
#section2 .texto-menor,
#section3 .texto-menor,
#section4 .texto-menor {
  font-size: 2rem !important;
  color: #2cb620 !important;
  font-weight: 800 !important;
}

#section p,
#section2 p {
  margin-top: 30px;
  color: #2cb620;
  font-size: 1.7rem;
  font-family: "Exo 2";
  font-weight: 600;
  line-height: 35px;
}

#section .card {
  border: 2px solid #0a7a00;
  border-radius: 10px;
  padding: 5px 30px 5px 30px;
}

#section span:nth-child(1) {
  color: #0a7a00;
  font-size: 2rem;
  font-weight: bold;
  font-family: "Exo 2";
}

#section span:nth-child(2) {
  color: #2cb620;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "Exo 2";
}

#parte2,
#premios,
#parte4 {
  position: relative;
  top: -8.6rem;
}
/* =============================== Section2 ========================================= */
#section2 {
  background: url(../../img/bg_03.jpg);
}

#section2 .texto-menor {
  color: #fff !important;
}

#section2 p {
  color: #fff;
}

#section2 a,
#section3 a {
  font-size: 1rem;
  font-family: "Exo 2";
  font-weight: bold;
  border-radius: 7px;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  background: linear-gradient(90deg, #0c9c00, #0a7a00) !important;
  color: #fff;
  margin-top: 10px;
}

/* ============================== Section3 =========================================== */
#section3 p,
#section4 p {
  color: #495c63;
  font-size: 1.2rem;
  font-weight: 600;
}

#section3 h2,
#section4 h2 {
  font-weight: 800;
  color: #2cb620;
}

#mulher {
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

#premios {
  background-image: url(../../img/parte3.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

#premios .bg-verde {
  background-color: #00981c !important;
  border-radius: 10px;
}

#homem {
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* Usar quando essa parte estiver sem ganhador */
#telefone {
  bottom: -14%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
}

#parte5 {
  bottom: -10%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
}

/* Ussar isso gquando mudar para imagem com ganhador */
/* #telefone {
  bottom: -7.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
}

#parte5 {
  bottom: -5%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
} */

@media only screen and (max-width: 1366px) {
  #mulher {
    top: 46%;
  }

  #parte2,
  #premios,
  #parte4 {
    top: -6.2rem;
  }

  #homem {
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  /* Usar quando essa parte estiver sem ganhador */
  #telefone {
    bottom: -25%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
  }

  #parte5 {
    bottom: -14%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #parte2,
  #premios,
  #parte4 {
    top: -1.2rem;
  }
  #banner .btn-reg {
    bottom: -12%;
    z-index: 99;
  }
  #premios {
    background-image: url(../../img/parte3_mobile.png);
    background-size: cover;
    top: -1.2rem;
  }
  #parte4 {
    top: -1.2rem;
  }
  #homem {
    top: 40%;
    width: 90%;
  }
  #parte5 {
    bottom: -6%;
  }
  #telefone{
    display: none;
  }
}