* {
  font-family: 'Montserrat', sans-serif;
}

#saiba-mais {
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D3D2F7;
}

#texto-saiba-mais {
  width: 352px;

  font-size: 16px;
  text-align: center;
}

#texto-como-funciona {
  color: #2C3E50;
  display: flex;
  align-items: center;
  justify-content: center;

  padding-top: 100px;
  font-size: 20px;
  font-weight: bolder;
}

.containers-informativos {
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 768px){
  .containers-informativos {
    height: 200px;
  }
}

.titulos-informativos {
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  color: #2C3E50;
}


.textos-informativos {
  color: #2C3E50;
  text-align: left;
  font-size: 16px;
}

#recursos {
  background-color: #706FD3;
  height: 2100px;
}

@media (max-width: 768px){
  #recursos {
    background-color: #706FD3;
    height: 100%;
  }
}

.accordion {
  margin-bottom: 40px;
}

.accordion-body {
  color: white;
  background-color: #706fd3;
}

.accordion-item {
  border: none;
}

.accordion-header {
  border: 1px solid white;
}

.accordion-button:not(.collapsed) {
  color: #2C3E50;
  background-color: white;
  box-shadow: -10px 10px 10px #494D52;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-button.collapsed {
  color: white;
  background-color: #706FD3;
  border: none;
}

#background-recursos {
  margin-top: 140px;
  top: 30%;
  position: sticky;
}

#texto-recursos {
  text-align: center;
  color: white;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;

  padding-top: 140px;
  padding-bottom: 50px;
  font-size: 20px;
  font-weight: bolder;
}

.cards-recursos > span {
  font-size: 20px;
  padding-bottom: 10px;
  font-weight: bold;
  pointer-events: none;
}

.cards-recursos {
  width: 441px;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  padding: 30px;
  border: 1px solid #0000001A;
  color: white;
  cursor: pointer;
}

/* .cards-recursos:first-child {
  color: #494D52;
  box-shadow: -10px 10px 10px #494D52;
  background-color: white;
} */

.cards-recursos:nth-child(2n+1) {
  margin-left: 20px;
}

#sobre-nos {
  height: 600px;
  background-color: #D3D2F7;
}

#texto-sobre-nos  {
  text-align: center;
  color: #2C3E50;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;

  padding-top: 140px;
  padding-bottom: 80px;
  font-size: 20px;
  font-weight: bolder;
}

/* Caso possua mais de uma avaliação, ativar esse css */
#avaliacoes {
  display: inline-flex;
  overflow-x: auto;
  padding-bottom: 20px;
}

/* #avaliacoes {
  display: flex;
  justify-content: center;
  align-items: center;
} */

.container-avaliacao-cliente {
  max-width: 350px;
  min-width: 350px;
  height: 320px;
  background-color: white;
  box-shadow: 0px 10px 10px #494D52;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 50px;
}

.container-avaliacao-cliente:nth-child(2n+1) {
  margin: 25px 0 0 50px;
}

@media (max-width: 768px){
  .container-avaliacao-cliente {
    margin: 20px;
    margin: 0 0 0 50px;
  }
}

.container-avaliacao-cliente > span {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  padding: 0 20px 0 20px;
  text-align: center;
}

.container-avaliacao-cliente > span:nth-child(2) {
  font-size: 12px;
  margin-top: 10px;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.container-avaliacao-cliente > span:nth-child(2) > span {
  margin-left: 20px;
}

.container-avaliacao-cliente > span:nth-child(2) > span > b {
  display: flex;
  flex-direction: column;
  color: #4d47b5;
}

#container-logos-empresas {  
  color: #445464;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#texto-empresas-fim {
  font-size: 14px;
}

#logos-restaurantes-fim {
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#footer {
  background-color: #445464;
  display: flex;
  justify-content: center;
}

@media (max-width: 768px){
  #footer {
    flex-direction: column;
  }
}

#footer > div {
  width: 100%;
  color: white;
  padding: 30px;
}

#footer > div > ul {
  padding-left: 0px !important;
}

#footer > div > ul {
  list-style: none;
}

@media (max-width: 768px){
  #footer > div {
    text-align: center;
  }
}

#footer > div:nth-child(1)  > ul{
  display: flex;
  justify-content: center;
}

#footer > div > ul > li {
  padding: 5px;
}

#footer > div > ul > li > a {
  color: white;
  text-decoration: none;
}

#footer > div:nth-child(1) > ul {
  display: flex;
  padding: 0;
}

#footer > div:nth-child(1) > span {
  display: flex;
  justify-content: center;
  align-items: center;
}

#listra-final {
  height: 80px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2C3E50;
  color: white;
}

#alerta-cookies {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #4847b5;
  color: white
}

#alerta-cookies > p > a {
  color: white
}