/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
  --cor-padrao: #c1e6df;
  --cor-botao: #31cfb0;
}

.slider-element {
  background: hsla(169, 43%, 83%, 1);

  background: linear-gradient(
    90deg,
    hsla(169, 43%, 83%, 1) 0%,
    hsla(0, 0%, 100%, 1) 100%
  );

  background: -moz-linear-gradient(
    90deg,
    hsla(169, 43%, 83%, 1) 0%,
    hsla(0, 0%, 100%, 1) 100%
  );

  background: -webkit-linear-gradient(
    90deg,
    hsla(169, 43%, 83%, 1) 0%,
    hsla(0, 0%, 100%, 1) 100%
  );

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#C1E6DF", endColorstr="#FFFFFF", GradientType=1 );
}

.slider-element {
  height: 550px !important;
  justify-content: end;
}

.slider-element h1 {
  color: #000;
}

.slider-element p {
  color: #6c757d;
  font-size: 18px;
}
.second-bg-color {
  background-color: var(--cor-botao);
  color: #fff;
}

.second-bg-color:hover {
  background-color: #20b899;
  color: #fff;
}

.heading-block a:hover {
  color: var(--cor-botao);
}
.order-lg-last {
  /* background-color: red; */
  margin: auto auto;
}

.svg-separator-2 {
  position: absolute;
  width: 100%;
  height: 20px;
  /* bottom: 0; */
  left: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  margin-top: 310px;
}

.svg-separator {
  bottom: -80px;
  left: 0px;
}

.mb-6 {
  /* background-color: #f5f5f5; */
  z-index: 6;
}

.container-de-fora {
  z-index: 9999999999999;
  background: #c1e6df;

  background: hsla(169, 43%, 83%, 1);

  background: linear-gradient(
    270deg,
    hsla(169, 43%, 83%, 1) 0%,
    hsla(0, 0%, 100%, 1) 45%
  );

  background: -moz-linear-gradient(
    270deg,
    hsla(169, 43%, 83%, 1) 0%,
    hsla(0, 0%, 100%, 1) 45%
  );

  background: -webkit-linear-gradient(
    270deg,
    hsla(169, 43%, 83%, 1) 0%,
    hsla(0, 0%, 100%, 1) 50%
  );

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#C1E6DF", endColorstr="#FFFFFF", GradientType=1 );
}

.section-final {
  background-color: #fff;
  padding-bottom: 60px;
  padding-top: 10px;
}

.bg-color {
  background-color: #c1e6df !important;
}

.botao-crie-agora {
  padding-right: 0.5rem !important;
}

.botao-crie-agora img {
  margin-left: 5px;
  padding: 0;
}

/* ---------- */
.wave-container-wave {
  /* FONT-WEIGHT: 200; */
  height: 28vh;
  background-color: #ffffff;
  position: relative;
}

.wave-container-wave::before {
  content: "";
  width: 100%;
  height: 168px;
  position: absolute;
  bottom: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 28vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  80' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 59L50 55C100 51 200 44 300 30C400 15 500 -6 600 1C700 8 800 44 900 59C1000 73 1100 66 1150 62L1200 59V80H1150C1100 80 1000 80 900 80C800 80 700 80 600 80C500 80 400 80 300 80C200 80 100 80 50 80H0V59Z' fill='%23c1e6df'/></svg>");
}

@media (max-width: 850px) {
  .wave-container-wave-2::before {
    height: 84px;
  }
}

/* @@@@@@@@@@@@@@ 2 @@@@@@@@@@@@@@@@ */

.wave-container-wave-2 {
  height: 20vh;
  background-color: #c1e6df;
  position: relative;
}

.wave-container-wave-2::before {
  content: "";
  width: 100%;
  height: 168px;
  position: absolute;
  bottom: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 28vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  80' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 59L50 55C100 51 200 44 300 30C400 15 500 -6 600 1C700 8 800 44 900 59C1000 73 1100 66 1150 62L1200 59V80H1150C1100 80 1000 80 900 80C800 80 700 80 600 80C500 80 400 80 300 80C200 80 100 80 50 80H0V59Z' fill='%23ffffff'/></svg>");
}

/* SEPARADOR FIM */
#footer,
#footer-text-id {
  color: rgb(1, 66, 50) !important;
}

.icones-footer {
  gap: 12px;
}

.vertical-middle {
  min-height: 110%;
}

.texto-começo-site {
  display: grid;
  justify-content: center;
  align-items: center;
}

.copyrights-menu a,
.copyrights-menu,
.copyright-infos {
  color: rgb(88, 88, 88);
  font-weight: 500;
}

.div-logo img {
  max-width: 100%;
  height: auto;
}

.container-2-animallog {
  display: flex;
  justify-content: center;
  align-items: center;
}

#section-topo {
  justify-content: center;
  align-items: center;
  background: hsla(169, 43%, 83%, 1);

  background: linear-gradient(
    90deg,
    hsla(169, 43%, 83%, 1) 0%,
    hsla(0, 0%, 100%, 1) 100%
  );

  background: -moz-linear-gradient(
    90deg,
    hsla(169, 43%, 83%, 1) 0%,
    hsla(0, 0%, 100%, 1) 100%
  );

  background: -webkit-linear-gradient(
    90deg,
    hsla(169, 43%, 83%, 1) 0%,
    hsla(0, 0%, 100%, 1) 100%
  );

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#C1E6DF", endColorstr="#FFFFFF", GradientType=1 );
}

.div-textos-topo {
  display: grid;
  justify-content: center;
  align-items: center;
  height: fit-content;
}

.div-textos-topo p {
  font-size: 21px;
  color: #3d3d3d;
}

#painel-link {
  background-color: var(--cor-padrao);
}

.div-textos-topo h1 {
  font-size: 2.1rem;
}

.footer-links{
  display: flex;
  flex-direction: column;
  align-items: end;
}

.footer-links-div{
  display: flex;
  /* flex-direction: column; */
  align-items: start;
  margin-top: 32px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  row-gap: 8px;
}

.footer-links-div a, p {
  color: #585858;
  display: flex;
  gap: 7px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

.footer-links-div a:hover{
 color: #fff;
}

@media (max-width: 1200px) {
  .div-textos-topo p {
    font-size: 17px;
  }
  .div-textos-topo h1 {
    font-size: 28px;
  }
  .wave-container-wave {
    height: 15vh;
  }
}

@media (max-width: 991px) {
  .container-2-animallog {
    flex-direction: column;
  }
  .wave-container-wave-2 {
    height: 8vh;
  }
}
@media (max-width: 850px) {
  .wave-container-wave-2::before {
    height: 84px;
  }
}

@media (max-width: 767px){
  .footer-links{
  /* background-color: red; */
  align-items: center;
  justify-content: center;
  }
}