small{
  font-size: clamp(.5em, 10vw, 1.2em);
}

.precious-moments {
  background: url('../img/banner-rainbow.png') no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(100vh - 5em);
  position: relative;
  margin-top: 5em;
}

.precious-moments img {
  width: 100%;
  height: 95%;
  object-fit: cover;
}

.precious-moments .container__ {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.precious-moments .container__ .moments-signup {
  position: absolute;
  right: 0;
  top: 10%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.precious-moments .container__ .moments-signup img {
  width: 100%;
  height: 300px;
}

.precious-moments .container__ .moments-signup a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to top, #077634, #159f4d);
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: .3em 1.3em;
  font-size: 1rem;
  box-shadow: 0 10px 15px rgba(0,0,0,0.5);
  cursor: pointer;
  height: 40px;
}

.who-wo-are {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100vh;
  padding: 15em 0;
  width: 95% !important;
}

.are-title h1 {
  font-size: clamp(1.5rem, 10vw, 127px);
  font-weight: 700;
  color: #0840a5;
  margin-bottom: 1rem;
  line-height: .8;
}

.are-title h1 > p {
  color: var(--orange);
  font-size: clamp(1.5rem, 10vw, 102px);
}


.are-text {
  display: flex;
  flex-direction: column;
  gap: 2em;
  width: 40%;
  color: #0840a5;
}

.are-text h1:last-child{
  font-size: clamp(.9rem, 4vw, 1.5em);
}

.are-text h1,
.special-souvenir  h1 {
  font-size: clamp(.9rem, 4vw, 35px);
}

.are-text p,
.special-souvenir  p {
  font-size: clamp(1rem, 5vw, 45px);
  font-weight: 400;
  line-height: 1.5;
  color: var(--orange);
}

.banner {
  background: linear-gradient(to right, #fcd439, #fe593c, #b72089, #26379b, #28c9d1, #3db481);
  width: 100%;
  padding: 7em 0;
  color: #fff;
}

.banner .datas {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.banner .datas .data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.banner .datas .data h1 {
  font-size: 2.7rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1rem;
  line-height: .8;
}

.banner .datas .data p {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}

.special-souvenir {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5em 0;
  margin-left: 1.5em;
}

.special-souvenir .image-mobile {
  display: none;
}

.special-souvenir .container__ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.special-souvenir .image-content {
  background: url(../img/project-moments-image.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100vh;
}

.special-souvenir .texts {
  display: flex;
  flex-direction: column;
  gap: 3em;
  width: 60%;
  min-width: 200px;
  color: #0840a5;
}

.special-souvenir .texts small {
  font-size: clamp(.8rem, 3vw, 22px);
}

.understand-project{
  flex-direction: column;
}

.understand-project .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10em 0;
  margin-top: 0;
}

.understand-project .title p {
  color: var(--orange);
  font-size: clamp(2em, 7vw, 3.5em);
}

.understand-project .title h1 {
  margin-top: 1em;
  font-size: clamp(1.7em, 7vw, 3em);
  color: #0840a5;
}

.group-content{
  width: 95% !important;
  margin: 0 auto !important
}

.understand-project .group-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.understand-project .group-content .left-informations {
  width: 50%;
}

.understand-project .group-content .left-informations .texts-group:first-child h3 {
  margin-top: 0;
}

.understand-project .group-content .left-informations h3 {
  color: var(--orange);
  font-size: clamp(1.5rem, 5vw, 35px);
  margin-top: 1.5em;
  margin-bottom: 1em;
}

.understand-project .group-content .left-informations p {
  font-size: clamp(.7rem, 2.5vw, 20px);
  color: #0840a5;
}

.understand-project .group-content .left-informations p + p {
  margin-top: 1.5em;
}

.understand-project .group-content .right-informations .datas-group {
  display: grid;
  place-items: center;
  gap: 4em;
}

.datas-group h3 {
  font-size: clamp(2.5rem, 5vw, 50px);
  color: var(--orange);
}


.understand-project .group-content .right-informations .datas-group .datas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2em;
}

.understand-project .group-content .right-informations .datas-group .datas .visits {
  background: #0840a5;
  color: #fff;
  border-radius: 100px;
  padding: 2em 5em;
  text-align: center;
}

.visits h2{
  font-size: clamp(1.3rem, 5vw, 2rem);
}

.understand-project .group-content .right-informations .datas-group .datas .visits p {
  margin-top: 1em;
}

.understand-project .group-content .right-informations a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to top, #077634, #159f4d);
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: .3em 1.3em;
  font-size: 1.2rem;
  font-weight: 700;
  height: 40px;
  box-shadow: 0 10px 15px rgba(0,0,0,0.5);
}

.container-orange{
  width: 100%;
  background: #FF6600;
  padding: 5em 0;
  color: #fff;
  gap: 5em;
  margin: 5em auto;
}

.container-orange .container__{
  display: flex;
  flex-direction: column;
  gap: 8em;
  position: relative;
  width: 95% !important;
}

.container-orange .container__ img{
  position: absolute;
  top: -80px;
  right: -100px;
  width: 50%;

}
.container-orange .primeira-div{
  display: flex;
  align-items: flex-end;
  gap: 2em;
}

.container-orange .primeira-div p{
  font-size: 1.5em;
  width: 150px;
}

.container-orange .segunda-div{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 2em;
}

.container-orange .segunda-div p{
  font-size: 1.5em;
  text-align: end;
}

.talk-the-project {
  text-align: center;
  margin-top: 10em;
  flex-direction: column;
  max-width: 1200px;
  padding: 0 5em;
}

.talk-the-project h1 {
  font-size: clamp(2rem, 4vw, 77px);
  color: var(--orange);
}

.talk-the-project h2 {
  color: #0840a5;
  font-size: clamp(2rem, 4vw, 57px);
}

.talk-the-project .carroseu{
  width: 100%;
  position: relative;
  margin: 8em auto;
}

.talk-the-project .comentarios{
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.talk-the-project .comentarios::-webkit-scrollbar {
  display: none;
}

.talk-the-project .comentarios .comentario{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4em;
}

.talk-the-project .comentarios .comentario img{
  height: 100px;
}

.comentarios button{
  position: absolute;
}

.slick-arrow{
  width: 80px;
  z-index: 99;
}


.comentarios .text-comentario{
  display: flex;
  flex-direction: column;
  gap: 0.2em;
  background: #FF6600;
  text-align: start;
  border-radius: 0 100px 100px;
  max-width: 60%;
  padding: 20px 35px;
  color: #fff;
}

.comentarios .text-comentario .title{
  font-weight: bold;
}

.comentarios .comentario img{
  border-radius: 100px;
  border: 4px solid #22F283;
} 

.slick-prev::before{
  font-family: 'Font Awesome 5 Free' !important;
  content: '\f053';
  font-weight: 900 !important;
  color: var(--blue);
  font-size: 35px;
  line-height: 0;
  opacity: 1;
}

.slick-next::before{
  font-family: 'Font Awesome 5 Free' !important;
  content: '\f054';
  font-weight: 900 !important;
  color: var(--blue);
  font-size: 35px;
  line-height: 0;
  opacity: 1;
}

footer{
  background: #FF6600;
  padding: 1em 0;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 0;
  width: 100%;

}

footer .container__ {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.footer-content,
.footer-duvidas{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-bar {
  width: 1px;
  height: 200px;
  background-color: #fff;
}

.footer-duvidas a{
  display: flex;
  align-items: center;
  background: #fff;
  color: #FF6600;
  border: none;
  border-radius: 100px;
  padding: .3em 1.3em;
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 1em;
  height: 50px;
  box-shadow: inset 0 -9px 10px 0 #00000063;
  cursor: pointer;
}

@media(max-width: 768px){
  .precious-moments img {
    object-position: 32%;
  }

  .precious-moments .container__ .moments-signup {
    top: 50%;
    right: 30%;
    left: 30%;
  }

  .precious-moments .container__ .moments-signup img {
    height: 150px;
    width: 150%;
  }

  .who-wo-are {
    flex-direction: column;
    align-items: flex-start;
    gap: 2em;
    padding: 3em;
  }

  .are-text {
    width: 100%;
  }

  .banner {
    background: linear-gradient(to bottom, #fcd439, #fe593c, #b72089, #26379b, #28c9d1, #3db481);
  }

  .datas {
    gap: 3em;
  }

  .special-souvenir {
    flex-direction: column;
    gap: 2em;
    margin: 0 auto;
    height: 100%;
  }

  .special-souvenir .image-mobile {
    width: 100%;
    display: block;
  }

  .special-souvenir .image-mobile img {
    width: 100%;
  }

  .special-souvenir .image-content {
    display: none;
  }

  .special-souvenir .container__ {
    justify-content: center;
  }

  .special-souvenir .texts {
    width: 80%;
  }

  .understand-project {
    width: 80% !important;
  }

  .understand-project .title {
    margin: 5em 0;
  }

  .understand-project .group-content {
    flex-direction: column;
    gap: 2em;
  }

  .understand-project .group-content .left-informations {
    width: 100%;
  }

  .talk-the-project {
    padding: 0 1.5em;
  }

  .container-orange .container__ {
    gap: 3em;
  }

  .container-orange .container__ img{
    top: -70px;
    right: 0px;
  }

  .container-orange .primeira-div,
  .container-orange .segunda-div {
    width: 80%;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin: 0 auto;;
    gap: 2em;
  }

  .container-orange .primeira-div iframe,
  .container-orange .segunda-div iframe {
    width: 100%;
  }

  .container-orange .segunda-div > div {
    display: none;
  }

  .comentarios .comentario img {
    display: none;
  }

  .comentarios .text-comentario {
    max-width: 80%;
  }

  .footer-bar, 
  .footer-duvidas {
    display: none;
  }

  .footer-content {
    flex-direction: row-reverse;
  }

  .footer-content .footer-text {
    padding-left: 2em;
  }

  .footer-content .footer-text > p {
    font-size: .7em;
  }

  .footer-content .footer-logo {
    width: 30%;
    min-width: 100px;
  }

  .footer-content .footer-logo > img {
    width: 100%;
  }
}