/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/sass/cases/template-iguana.scss ***!
  \**************************************************************************************************************************************************************************************/
#page_iguana {
  @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
  font-family: "Raleway", sans-serif;
  overflow: hidden;
}
#page_iguana .section-banner {
  position: relative;
  background-color: #000;
  background-image: url(../js/../img/bg-case-iguana-1.png);
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
}
#page_iguana .section-banner .title {
  display: flex;
  align-items: flex-end;
  height: calc(100vh - 100px);
  padding-left: 50px;
}
@media (max-width: 768px) {
  #page_iguana .section-banner .title {
    padding-left: 0;
    padding: 0 20px;
  }
}
#page_iguana .section-banner .title h1 {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -0.01em;
  width: 580px;
  max-width: 100%;
  margin-bottom: 15%;
}
@media (max-width: 768px) {
  #page_iguana .section-banner .title h1 {
    font-size: 26px;
    line-height: 34px;
  }
}
#page_iguana .section-intro {
  background-color: #000;
  color: #fff;
  padding: 188px 0;
}
@media (max-width: 768px) {
  #page_iguana .section-intro {
    padding: 2rem 0;
  }
}
#page_iguana .section-intro .title h2 {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.035em;
  margin: 2rem 0;
}
#page_iguana .section-intro .content strong {
  position: relative;
  font-style: normal;
  font-weight: 900;
  font-size: 50px;
  line-height: 160%;
  letter-spacing: 0.1em;
  color: #94C051;
  display: block;
  margin-bottom: 2rem;
}
#page_iguana .section-intro .content strong::after {
  position: absolute;
  background-color: #fff;
  content: "";
  width: 88px;
  height: 3px;
  bottom: 0;
  left: 12.5%;
}
#page_iguana .section-intro .content p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
}
#page_iguana .section-map {
  position: relative;
  text-align: center;
}
@media (max-width: 992px) {
  #page_iguana .section-map {
    height: auto;
  }
}
#page_iguana .section-map img {
  max-width: 100%;
}
#page_iguana .section-princiais-desafios {
  padding-top: 2rem;
}
#page_iguana .section-princiais-desafios .img-title {
  position: relative;
  max-width: 100%;
  margin-bottom: 4rem;
}
#page_iguana .section-princiais-desafios h3 {
  color: #000;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 160%;
}
#page_iguana .section-princiais-desafios h3 strong {
  font-family: "Darker Grotesque";
  font-style: normal;
  font-weight: 900;
  font-size: 70px;
  letter-spacing: 0.1em;
  color: #94C051;
  display: block;
  margin-bottom: 2rem;
  position: relative;
}
#page_iguana .section-princiais-desafios h3 strong::after {
  content: "";
  background-color: #104049;
  height: 88px;
  width: 4px;
  position: absolute;
  left: 0;
  top: 60px;
}
#page_iguana .section-princiais-desafios .text-content p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  padding: 5px 25px;
}
#page_iguana .section-mais-desafios {
  height: 560px;
}
@media (max-width: 768px) {
  #page_iguana .section-mais-desafios {
    height: auto;
    padding-bottom: 2rem;
  }
}
#page_iguana .section-mais-desafios .img-illustration {
  max-width: 100%;
  margin: -2% 0 0 8%;
}
#page_iguana .section-mais-desafios .img-title-2 {
  position: relative;
  margin-bottom: 2rem;
  max-width: 100%;
}
#page_iguana .section-mais-desafios .text-final p {
  position: relative;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  width: 470px;
  max-width: 100%;
}
#page_iguana .section-mais-desafios .text-final p strong {
  font-weight: 800;
}
#page_iguana .section-mais-desafios .text-final p::before {
  content: "";
  background-color: #104049;
  height: 4px;
  width: 50%;
  position: absolute;
  bottom: -30px;
  right: -30px;
}
#page_iguana .section-a-solucao {
  background: rgba(16, 64, 73, 0.1);
  padding: 15rem 0 6rem;
}
@media (max-width: 768px) {
  #page_iguana .section-a-solucao {
    padding: 2rem 0 6rem;
  }
}
#page_iguana .section-a-solucao .title {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 768px) {
  #page_iguana .section-a-solucao .title {
    display: block;
    margin-bottom: 6rem;
    position: relative;
    height: 100px;
  }
}
@media (max-width: 768px) {
  #page_iguana .section-a-solucao .title img {
    max-width: 100%;
    max-height: 350px;
    margin: 0;
    transform: rotate(90deg);
    margin-left: 0;
    position: absolute;
    left: 40%;
    bottom: -115%;
  }
}
#page_iguana .section-a-solucao .menu-desafios {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
@media (max-width: 768px) {
  #page_iguana .section-a-solucao .menu-desafios {
    margin: 0;
  }
}
#page_iguana .section-a-solucao .menu-desafios li {
  background-color: #104049;
  padding: 18px 45px 22px 65px;
  margin: 0 0 7rem;
  position: relative;
}
#page_iguana .section-a-solucao .menu-desafios li::after {
  content: "";
  width: 180px;
  height: 176px;
  position: absolute;
  background-image: url(../js/../img/icon-case-iguana-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  left: -70px;
  top: -60px;
}
#page_iguana .section-a-solucao .menu-desafios li a {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 160%;
  color: #fff;
  position: relative;
}
#page_iguana .section-a-solucao .menu-desafios li a:hover {
  text-decoration: none;
}
#page_iguana .section-a-solucao .menu-desafios li a span {
  font-family: "Darker Grotesque";
  font-style: normal;
  font-weight: 900;
  font-size: 120px;
  line-height: 163px;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  left: -75px;
  top: -88px;
  z-index: 1;
}
#page_iguana .section-a-solucao #planejamento-estrategico span {
  font-family: "Darker Grotesque";
  font-style: normal;
  font-weight: 900;
  font-size: 70px;
  line-height: 160%;
  color: #94C051;
}
#page_iguana .section-a-solucao #planejamento-estrategico span::after {
  content: "";
  background-color: #104049;
  height: 88px;
  width: 8px;
  position: absolute;
  left: 0;
  top: 90px;
}
#page_iguana .section-a-solucao #planejamento-estrategico .text-content-1 {
  padding: 0 0 0 20px;
}
#page_iguana .section-a-solucao #planejamento-estrategico .text-content-1 h2 {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 160%;
}
#page_iguana .section-a-solucao #planejamento-estrategico .text-content-1 p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#page_iguana .section-a-solucao #planejamento-estrategico .text-content-1 p strong {
  font-weight: 600;
}
#page_iguana .section-a-solucao #planejamento-estrategico .text-content-1 img {
  max-width: 100%;
}
#page_iguana .section-a-solucao #divulgacao-de-eventos {
  position: relative;
}
#page_iguana .section-a-solucao #divulgacao-de-eventos img {
  max-width: 100%;
}
#page_iguana .section-a-solucao #divulgacao-de-eventos span {
  font-family: "Darker Grotesque";
  font-style: normal;
  font-weight: 900;
  font-size: 70px;
  line-height: 160%;
  color: #94C051;
}
#page_iguana .section-a-solucao #divulgacao-de-eventos span::after {
  content: "";
  background-color: #104049;
  height: 88px;
  width: 8px;
  position: absolute;
  left: 0;
  top: 90px;
}
#page_iguana .section-a-solucao #divulgacao-de-eventos .text-content-2 {
  padding: 0 0 0 20px;
}
#page_iguana .section-a-solucao #divulgacao-de-eventos .text-content-2 h2 {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 160%;
}
#page_iguana .section-a-solucao #divulgacao-de-eventos .text-content-2 p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#page_iguana .section-a-solucao #divulgacao-de-eventos .text-content-2 p strong {
  font-weight: 600;
}
#page_iguana .section-a-solucao #divulgacao-de-eventos .img-content-3 {
  position: absolute;
  right: -180px;
  bottom: -40px;
}
@media (max-width: 768px) {
  #page_iguana .section-a-solucao #divulgacao-de-eventos .img-content-3 {
    display: none;
  }
}
#page_iguana .section-a-solucao #criacao-de-segmentacao {
  position: relative;
}
#page_iguana .section-a-solucao #criacao-de-segmentacao img {
  max-width: 100%;
}
#page_iguana .section-a-solucao #criacao-de-segmentacao span {
  font-family: "Darker Grotesque";
  font-style: normal;
  font-weight: 900;
  font-size: 70px;
  line-height: 160%;
  color: #94C051;
}
#page_iguana .section-a-solucao #criacao-de-segmentacao span::after {
  content: "";
  background-color: #104049;
  height: 88px;
  width: 8px;
  position: absolute;
  left: 0;
  top: 90px;
}
#page_iguana .section-a-solucao #criacao-de-segmentacao .text-content-3 {
  padding: 0 0 0 20px;
}
#page_iguana .section-a-solucao #criacao-de-segmentacao .text-content-3 h2 {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 160%;
}
#page_iguana .section-a-solucao #criacao-de-segmentacao .text-content-3 p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#page_iguana .section-a-solucao #criacao-de-segmentacao .text-content-3 p strong {
  font-weight: 600;
}
#page_iguana .section-a-solucao #plano-de-midia {
  position: relative;
}
#page_iguana .section-a-solucao #plano-de-midia img {
  max-width: 100%;
}
#page_iguana .section-a-solucao #plano-de-midia span {
  font-family: "Darker Grotesque";
  font-style: normal;
  font-weight: 900;
  font-size: 70px;
  line-height: 160%;
  color: #94C051;
}
#page_iguana .section-a-solucao #plano-de-midia span::after {
  content: "";
  background-color: #104049;
  height: 88px;
  width: 8px;
  position: absolute;
  left: 0;
  top: 90px;
}
#page_iguana .section-a-solucao #plano-de-midia .text-content-4 {
  padding: 0 0 0 20px;
}
#page_iguana .section-a-solucao #plano-de-midia .text-content-4 h2 {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 160%;
}
#page_iguana .section-a-solucao #plano-de-midia .text-content-4 p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#page_iguana .section-a-solucao #plano-de-midia .text-content-4 p strong {
  font-weight: 600;
}
#page_iguana .section-img-banner {
  margin: 0 0 2rem;
}
#page_iguana .section-img-banner img {
  max-width: 100%;
}
#page_iguana .section-evento {
  position: relative;
  margin-bottom: 6 rem;
}
#page_iguana .section-evento .img-title {
  margin-bottom: 4rem;
}
#page_iguana .section-evento .left-content strong {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 28px;
  line-height: 128%;
}
#page_iguana .section-evento .left-content ul {
  padding: 0;
  margin-top: 2rem;
}
#page_iguana .section-evento .left-content ul li {
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 1rem;
  list-style-type: none;
  position: relative;
}
#page_iguana .section-evento .left-content ul li::after {
  content: "";
  background: #94C051;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  position: absolute;
  left: -25px;
  top: 16px;
}
#page_iguana .section-evento .left-content ul li strong {
  font-weight: 700;
}
#page_iguana .section-evento img {
  max-width: 100%;
}
#page_iguana .section-resultado {
  padding: 2rem 0;
}
#page_iguana .section-resultado .img-title {
  margin-bottom: 2rem;
}
#page_iguana .section-resultado p {
  margin-bottom: 1rem;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 160%;
}
#page_iguana .section-resultado p strong {
  font-weight: 700;
}
#page_iguana .section-resultado ul {
  padding: 0;
  width: fit-content;
  margin: 0 auto;
  display: table;
}
#page_iguana .section-resultado ul li {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 440px;
  max-width: 100%;
  background-color: #fff;
  border: 3px solid #104049;
  border-radius: 16px;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #page_iguana .section-resultado ul li {
    width: 100%;
  }
}
#page_iguana .section-resultado ul li::after {
  content: "";
  background: url(../js/../img/icon-case-iguana-1.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  left: -20px;
  top: -18px;
}
#page_iguana .section-resultado ul li strong {
  font-family: "Darker Grotesque";
  font-style: normal;
  font-weight: 900;
  font-size: 54px;
  color: #94C051;
  margin-right: 15px;
}
#page_iguana .section-resultado ul li span {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: #104049;
  margin-top: 10px;
}
#page_iguana .section-expectativas {
  background: rgba(16, 64, 73, 0.1);
  padding-bottom: 5rem;
}
#page_iguana .section-expectativas .img-title {
  display: table;
  margin: 0 auto;
  margin-bottom: 2rem;
}
#page_iguana .section-expectativas p {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 160%;
  width: 764px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 2rem;
}
#page_iguana .section-expectativas img {
  max-width: 100%;
}