.banner-history{

  width: 100%;

}



.banner-history .title-page{

  width: 100%;

  display: inline-block;

  text-align: center;

  height: 8.75rem;

  line-height: 8.75rem;

  font-family: var(--font-family-gin-regular);

  color: var(--opa-branco);

  text-transform: uppercase;

  font-weight: 400;

  font-size: 2.625rem;

  line-height: 3.125;

  text-align: center;

  letter-spacing: 0.02em;

}



.banner-history .bg{

  margin: 0 auto;  

  width: 100%;

  height: 39.375rem;

  background-repeat: no-repeat;

  background-position: center;



  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  margin-top: -0.2rem;

}



.banner-history .bg h1{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 3.75rem;

  line-height: 4.25rem;

  color: var(--opa-branco);

  margin-bottom: 5rem;

  text-align: center;

}



.banner-history .bg h1 strong,

.banner-history .bg h1 b{

  color: var(--opa-marrom-claro);

}



.banner-history .bg .subtitle{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 1.125rem;

  line-height: 1.375rem;

  color: var(--opa-marrom-claro);

  letter-spacing: 0.6em;

  text-transform: uppercase;

  text-align: center;

  margin-bottom: 2rem;

}



.banner-history .container .stamp{

  position: absolute;

  bottom: -6rem;

  left: 50%;

  transform: translate(-50%, 0%);

}



.banner-history .container .text-featured{

  position: absolute;

  bottom: -1.5rem;

  left: 50%;

  transform: translate(-50%, 0%);

  font-family: var(--font-family-gin-lines);

  font-style: normal;

  font-weight: 400;

  font-size: 12.5rem;

  line-height: 15rem;

  color: var(--opa-marrom-claro);

  opacity: 0.5;

}



.collective-dream{

  width: 100%;

  margin-top: -1rem;

  background-image: url(/wp-content/themes/labbotheme/assets/svg/sonho-coletivo-bg.svg);

  background-repeat: no-repeat;

  background-position: left bottom;

}



.collective-dream .container{

  max-width: var(--container);

  margin: 0 auto;

  display: grid;

  grid-template-columns: 65% 35%;

  column-gap: 4rem;

  justify-content: center;

  align-items: center;

  min-height: 50rem;

}



.collective-dream .container .left figure img{

  max-width: 46.5rem;

  height: 38.75rem;

  object-fit: cover;

}



.collective-dream .container h2{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 2.625rem;

  line-height: 2.925rem;

  color: var(--opa-vermelho);

  margin: 3rem 0 1rem;

}



.collective-dream .container p{

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  margin-bottom: 2rem;

}



.dream-texts{

  width: 100%;

  margin-top: -1rem;

}



.dream-texts .container{

  max-width: var(--container);

  margin: 0 auto;

  display: grid;

  grid-template-columns: 60% 40%;

  column-gap: 4rem;

  justify-content: center;

  align-items: center;

  min-height: 40rem;

}



.dream-texts .container .left{

  text-align: right;

}



.dream-texts .container .left figure img{

  max-width: 35rem;

  height: 29.688rem;

  object-fit: cover;

}



.dream-texts .container h2{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 2.625rem;

  line-height: 2.925rem;

  color: var(--opa-vermelho);

  margin: 3rem 0 1rem;

}



.dream-texts .container p{

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  margin-bottom: 2rem;

}



.dream-texts .container p{

  font-family: var(--font-family-soleil);

  font-style: normal;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.375rem;

  letter-spacing: -0.02em;

  color: var(--opa-cinza-escuro);

  margin-bottom: 2rem;

}



.collective-dream-about{

  width: 100%;

  margin-top: -1rem;

  background-repeat: no-repeat;

  background-position: 91% 50%;

  background-size: 6%;

  position: relative;

  margin-bottom: -10rem;

}



.collective-dream-about .container{

  max-width: var(--container);

  margin: 0 auto;

  display: grid;

  grid-template-columns: 60% 40%;

  column-gap: 4rem;

  justify-content: center;

  align-items: center;

  max-height: 15.625rem;

}



.collective-dream-about .container .left{

  text-align: right;

}



.collective-dream-about .container h2{

  font-family: var(--font-family-gin-regular);

  font-style: normal;

  font-weight: 400;

  font-size: 2rem;

  line-height: 2.375rem;

  color: var(--opa-branco);

}



.collective-dream-about .container h2 strong,

.collective-dream-about .container h2 b{

  color: var(--opa-marrom-claro);

}



.collective-dream-about .container .right{

  display: flex;

  justify-content: flex-start;

  align-items: center;

  gap: 2rem;

  position: relative;

  z-index: 99;

}

.collective-dream-about .container .right .custom-read-more {

  background-color: var(--opa-marrom-claro);

}

@media only screen and (max-width: 991px) {

  .dream-texts .container p,

  .dream-texts .container h2,

  .collective-dream .container p,

  .collective-dream .container h2{

    text-align: center;

  }

  .dream-texts .container .left figure img{

    width: 100%;

  }

  .collective-dream-about .container,

  .dream-texts .container,

  .collective-dream .container{

    grid-template-columns: 100%;

  }

  .collective-dream{

    background-image: none;

  }

  .collective-dream .container .right{

    padding: 0 1rem 2rem;

  }

  .dream-texts .container .right{

    padding: 0 1rem 2rem;

  }

  .collective-dream-about .container{

    max-height: 30rem;

  }

  .collective-dream-about .container .right{

    padding: 2rem 1rem;

  }

  .collective-dream-about{

    background-image: none !important;

  }

  .collective-dream-about .container .left,

  .dream-texts .container .left{

    text-align: left;

    padding: 0 1rem;

    width: 100%;

  }

  .collective-dream-about .container .left figure img{

    width: 100%;

    margin-top: 1rem;

  }

}



.timeline .container .timelines .timeline-nav-button, .timeline .container .timelines.timeline--horizontal .timeline-divider {

  top: 53.9% !important;

}