@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

body {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 100vh;
  flex-direction: column;
  background: #ede7f6;
}

/* Novo Código Desktop */

.desk-footer {
  background: #202020;
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 65px 30px 65px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.desk-footer .cont {
  display: inline-grid;
  justify-items: center;
  width: 100%;
}
.sec2 {
  width: 50%;
}
.sec4 {
  width: 50%;
}

.sobre-footer {
  color: #F7F7F7;
  width: 50%;
  text-align: center;
}

.sobre-footer p {
  margin: 0 !important;
}

/* Barra de Pesquisa Desktop */

.conj {
  width: 100%;
  display: flex;
}

.pesq-footer {
  position: relative;
  width: 100%;
}

.pesq-footer  ul {
  display: flex;
  position: relative;
  margin-bottom: 3%;
  padding: 0;
  justify-content: center;
}

.pesq-footer ul li {
  list-style: none;
  margin: 0% 4%;
}

.pesq-footer ul li a {
  color: #AEABA8;
  text-decoration: none;
  margin-bottom: 0%;
  display: inline-block;
  font-size: 23px;
}

.pesq-footer ul li a:hover {
  color: #fff;
}

.contato{
  color: #AEABA8 !important;
}


/* Extra Large displays */

.conj-xl {
  width: 100%;
  display: flex;
}

.Extra-Large-footer {
  background: #202020;
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 65px 30px 65px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Extra-Large-footer .cont {
  display: inline-grid;
  justify-items: center;
  width: 100%;
}

.sec2-xl {
  width: 50%;
}

.sec4-xl {
  width: 40%;
}

.sobre-footer-xl {
  color: #F7F7F7;
  width: 50%;
  text-align: center;
}

.sobre-footer-xl p {
  margin: 0 !important;
}

/* Barra de Pesquisa Extra Large */

.pesq-footer-xl {
  position: relative;
  width: 100%;
}

.pesq-footer-xl  ul {
  display: flex;
  position: relative;
  margin-bottom: 3%;
  padding: 0;
  justify-content: center;
}

.pesq-footer-xl ul li {
  list-style: none;
  margin: 0% 3%;
}

.pesq-footer-xl ul li a {
  color: #AEABA8;
  text-decoration: none;
  margin-bottom: 0%;
  display: inline-block;
  font-size: 23px;
}

.pesq-footer-xl ul li a:hover {
  color: #fff;
}

.img-jrfei {
  width: 100%;
  justify-content: center;
  text-align: center;
  margin-top: 3%;
}

.jrfei {
  width: 40px;
}


/* Large displays */

.conj-lg {
  width: 100%;
  display: flex;
}

.Large-footer {
  background: #202020;
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 0px 30px 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Large-footer .cont {
  display: inline-grid;
  justify-items: center;
  width: 100%;
}

.sec4-lg {
  width: 50%;
}

.sec2-lg {
  width: 50%;
}

.sobre-footer-lg {
  color: #F7F7F7;
  width: 50%;
  text-align: center;
}

.sobre-footer-lg p {
  margin: 0 !important;
}

.pesq-footer-lg {
  position: relative;
  width: 100%;
}

.pesq-footer-lg  ul {
  display: flex;
  position: relative;
  justify-content: center;
  margin-bottom: 6%;
  padding: 0;
}

.pesq-footer-lg ul li {
  list-style: none;
  margin: 0% 2%;
}

.pesq-footer-lg ul li a {
  color: #AEABA8;
  text-decoration: none;
  margin-bottom: 0%;
  display: inline-block;
  font-size: 23px;
}

.pesq-footer-lg ul li a:hover {
  color: #fff;
}

.img-jrfei-xl {
  width: 100%;
  justify-content: center;
  text-align: center;
  margin-top: 3%;
}

.jrfei-xl {
  width: 40px;
}

/* Medium displays */

.conj-md {
  width: 100%;
  display: flex;
}

.medium-footer {
  background: #202020;
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 25px 30px 25px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.medium-footer .cont {
  display: inline-grid;
  justify-items: center;
  width: 100%;
}

.sec2-md {
  width: 50%;
}

.sec4-m {
  width: 50%;
}

.sobre-footer-m {
  color: #F7F7F7;
  width: 50%;
  text-align: center;
}

.sobre-footer-m p {
  margin: 0 !important;
}

.pesq-footer-m {
  position: relative;
  width: 100%;
}

.pesq-footer-m  ul {
  display: flex;
  position: relative;
  justify-content: center;
  margin-bottom: 6%;
  padding: 0;
}

.pesq-footer-m ul li {
  list-style: none;
  margin: 0% 2%;
}

.pesq-footer-m ul li a {
  color: #AEABA8;
  text-decoration: none;
  margin-bottom: 0%;
  display: inline-block;
  font-size: 22px;
}

.pesq-footer-m ul li a:hover {
  color: #fff;
}

.img-jrfei-md {
  width: 100%;
  justify-content: center;
  text-align: center;
  margin-top: 3%;
}

.jrfei-md {
  width: 35px;
}

/* Small displays */

.small-footer{
  background: #202020;
  position: relative;
  width: 100%;
  height: auto;
  padding: 25px 0px 30px 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pesq-footer-s{

}

.pesq-footer-s ul {
  display: flex;
  padding: 0;
  justify-content: center;
}

.pesq-footer-s ul li {
  list-style: none;
  margin-left: 6%;
}

.pesq-footer-s ul li a {
  color: #AEABA8;
  text-decoration: none;
  margin-bottom: 0%;
  display: inline-block;
}

.pesq-footer-s ul li a:hover {
  color: #fff;
}

.pesq-footer2-s {

}

.pesq-footer2-s ul {
  display: flex;
  padding: 0;
  justify-content: center;
  margin-right: 2%;
}

.pesq-footer2-s ul li {
  list-style: none;
  margin-left: 6%;
  text-decoration: none;
  color: #FFFFFF
}

.pesq-footer2-s ul li a {
  color: #AEABA8;
  text-decoration: none;
  margin-bottom: 0%;
  display: inline-block;
}

.pesq-footer2-s ul li a:hover {
  color: #fff;
}

.ESG-pesq {
 list-style: none;
}

.img-jrfei-sm {
  width: 100%;
  justify-content: center;
  text-align: center;
  margin-top: 0%;
}

.jrfei-sm {
  width: 35px;
}

/* Extra Small displays */

.extra-small-footer{
  background: #202020;
  position: relative;
  width: 100%;
  height: auto;
  padding: 25px 0px 30px 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pesq-footer-xs{

}

.pesq-footer-xs ul {
  display: flex;
  padding: 0;
  justify-content: center;
  margin-right: 2%;
}

.pesq-footer-xs ul li {
  list-style: none;
  margin-left: 6%;
}

.pesq-footer-xs ul li a:hover {
  color: #fff;
}

.pesq-footer-xs ul li a {
  color: #AEABA8;
  text-decoration: none;
  margin-bottom: 0%;
  display: inline-block;
}

.pesq-footer2-xs {

}

.pesq-footer2-xs ul {
  display: flex;
  padding: 0;
  justify-content: space-evenly;
  margin-right: 2%;
}

.pesq-footer2-xs ul li {
  list-style: none;
  margin-left: 6%;
  text-decoration: none;
  color: #FFFFFF
}

.pesq-footer2-xs ul li a {
  color: #AEABA8;
  text-decoration: none;
  margin-bottom: 0%;
  display: inline-block;
}

.pesq-footer2-xs ul li a:hover {
  color: #fff;
}

.ESG-pesq {
 list-style: none;
}

.img-jrfei-xs {
  width: 100%;
  justify-content: center;
  text-align: center;
  margin-top: 0%;
}

.jrfei-xs {
  width: 35px;
}



/* Logo footer */

.logo-footer {
  margin-top: 3%;
  width: 260px;
  margin-left: 40%;
}

.logo-footer-xl {
  margin-top: 3%;
  width: 260px;
  margin-left: 35%;
}

.logo-footer-lg {
  margin-top: 3%;
  width: 260px;
  margin-left: 25%;
}

.logo-footer-m {
    width: 220px;
    margin-top: 5%;
    margin-left: 11%;
}

.logo-footer-s {
  width: 50%;
  margin-top: 5%;
  margin-bottom: 5%;
  margin-left: 27%;
}

.logo-footer-xs {
  width: 80%;
  margin-top: 5%;
  margin-bottom: 5%;
  margin-left: 13%;
}

/* fim logo footer */

.sbn {
  position: relative;
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
}

.sbn::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 65px;
  height: 2px;
  background: #f00;
}

/* sci */

.sci {
  display: flex;
  padding: 0;
  justify-content: center;
  justify-items: center;
  width: 50%;
  margin-top: 3%;
}

.sci li {
  list-style: none;
  margin-top: 6%;
  margin-left: 1%;
}

.sci li a {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  text-decoration: none;
  border-radius: 35px;
}

.sci li a:hover {
  background: #EBEBEB;
}

.sci-xl {
  display: flex;
  padding: 0;
  justify-content: center;
  justify-items: center;
  width: 65%;
  margin-top: 3%;
}

.sci-xl li {
  list-style: none;
  margin-top: 4%;
  margin-left: 1%;
}

.sci-xl li a {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  text-decoration: none;
  border-radius: 35px;
}

.sci-xl li a:hover {
  background: #EBEBEB;
}

.sci-lg {
  display: flex;
  padding: 0;
  margin-left: 5%;
}

.sci-lg li {
  list-style: none;
  margin-top: 4%;
  margin-left: 1%;
}

.sci-lg li a {
  display: inline-block;
    width: 55px;
    height: 55px;
    background: #EBEBEB;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 35px;
}

.sci-lg li a:hover {
  background: #fff;
}

.sci-m {
  display: flex;
  padding: 0;
  justify-content: center;
}

.sci-m li {
  list-style: none;
  margin-top: 4%;
  margin-left: 0%;
}

.sci-m li a {
  display: inline-block;
    width: 55px;
    height: 55px;
    background: #EBEBEB;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 35px;
}

.sci-m li a:hover {
  background: #fff;
}

.sci-s {
  margin-top: 30px;
  display: flex;
  padding: 0;
  justify-content: center;
}

.sci-s li {
  list-style: none;
  margin-top: 0%;
  margin-bottom: 5%;
}

.sci-s li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  margin-left: 25%;
  text-decoration: none;
  border-radius: 35px;
}

.sci-s li a:hover {
  background: #fff;
}

.sci-xs {
  margin-top: 30px;
  display: flex;
  padding: 0;
  justify-content: center;
}

.sci-xs li {
  list-style: none;
  margin-top: 0%;
  margin-bottom: 5%;
}

.sci-xs li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  margin-left: 25%;
  text-decoration: none;
  border-radius: 35px;
}

.sci-xs li a:hover {
  background: #fff;
}

.bi:hover {
  fill: #202020;
}


/* Linha Footer */


.linha-footer{
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 100px;
  float: right;
  margin-top: 0%;
  margin-right: 1%;
}

.linha-footer2{
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 100px;
  float: right;
  margin-top: 0%;
  margin-left: 1%;
}

.linha-footer1-xl{
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 95px;
  float: right;
  margin-top: 0%;
  margin-right: 1%;
}

.linha-footer2-xl{
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 95px;
  float: right;
  margin-top: 0%;
  margin-left: 1%;
}

.linha-footer1-lg{
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 91px;
  float: right;
  margin-top: 0%;
  margin-right: 1%;
}

.linha-footer2-lg{
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 91px;
  float: right;
  margin-top: 0%;
  margin-left: 1%;
}

.linha-footer1-m{
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 91px;
  float: right;
  margin-top: 0%;
  margin-right: 1%;
}

.linha-footer2-m{
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 91px;
  float: right;
  margin-top: 0%;
  margin-left: 1%;
}

.linha-footer-s{
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 110px;
  float: right;
  margin-top: 4%;
  position: absolute;
}

.linha-footer-xs {
  display: inline-block;
  border-right: 1px solid #FFEA00;
  height: 110px;
  float: right;
  margin-top: 4%;
}