.navbar {
  background: linear-gradient(77.17deg, rgba(184, 81, 85, 0.9) 16.54%, rgba(202, 98, 63, 0.9) 42.66%, rgba(238, 198, 120, 0.9) 72.44%, rgba(165, 205, 190, 0.9) 94.89%);
}

.banner-top {
  /*noinspection CssUnknownTarget*/
  position: relative;
  height: 100%;
  overflow: hidden;
  margin-top: 69px;
}

.banner-middle {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  width: 100%;
  min-height: 74vh;
  background-image: url("/static/images/png/investments/banner2.png");
}

.banner-esg {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  width: 100%;
  min-height: 39vh;
  background-image: url("/static/images/png/investments/banner3.png");
}

.bg-gradient-1 {
  background: url("/static/images/svg/background-left-elaslogo.svg"), linear-gradient(90deg, rgba(222, 115, 117, 1) 0%, rgba(247, 189, 174, 1) 50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
}

.bg-gradient-2 {
  background: url("/static/images/svg/background-left-elaslogo.svg"), linear-gradient(90deg, rgba(237, 126, 94, 1) 0%, rgba(252, 204, 139, 1) 50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.bg-gradient-3 {
  background: url("/static/images/svg/background-left-elaslogo.svg"), linear-gradient(90deg, rgba(253, 209, 141, 1) 33%, rgba(124, 203, 153, 1) 85%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.card-cel {
  background: url("/static/images/png/investments/cel.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  height: 537px;
}

.card-robo {
  background: url("/static/images/png/investments/robo.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right;
  height: 676px;
}

.card-mulher {
  background: url("/static/images/png/investments/mulher.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  height: 640px;
}

.card-investir {
  background: url("/static/images/png/investments/investir.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 80px;
  width: 100%;
}

.card-temas {
  background: url("/static/images/png/investments/temas.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 80px;
  width: 100%;
}

.card-simular {
  background: url("/static/images/png/investments/simule.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 80px;
  width: 100%;
}

.carteiras {
  background: url("/static/images/png/investments/carteiras.png"), #FFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 649px;
}

.carteira-atual {
  background: url("/static/images/png/investments/carteira-atual.png"), #FFF;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}

.carteira-ideal {
  background: url("/static/images/png/investments/carteira-ideal.png"), #F4F5F4;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}

.carteira-atual,
.carteira-ideal {
  background-size: contain;
  height: 649px;
}

.objetivo {
  min-height: 25vh;
}

.img-1 {
  background: url("/static/images/png/investments/img1.png") no-repeat;
  background-size: contain;
  background-position: center;
}

.img-2 {
  background: url("/static/images/png/investments/img2.png") no-repeat;
  background-size: contain;
  background-position: center;
}

.img-3 {
  background: url("/static/images/png/investments/img3.png") no-repeat;
  background-size: contain;
  background-position: center;
}

.img-4 {
  background: url("/static/images/png/investments/img4.png") no-repeat;
  background-size: contain;
  background-position: center;
}

.tablet {
  background: url("/static/images/png/investments/tablet.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right;
  height: 676px;
}

@media screen and (max-width: 1366px) {
  .banner-top {
    margin-top: 63px;
  }

  .banner-middle {
    background-size: cover;
    background-position: center left;
  }
  
  .card-cel {
    background-position: center;
    height: 509px;
  }

  .card-robo {
    background-size: contain;
    height: 611px;
  }

  .card-mulher {
    background-position: left center;
    height: 733px;
  }

  .tablet {
    background-size: contain;
    background-position: center;
    height: 641px;
  }

  .carteira-atual,
  .carteira-ideal {
    background-size: contain;
    height: 532px;
  }
}

@media screen and (max-width: 991px) {
  .banner-top {
    margin-top: 59px;
  }
}

@media screen and (max-width: 767px) {
  .banner-top {
    margin-top: 101px;
  }

  .banner-middle {
    background-size: cover;
    background-position: center left;
  }
  
  .card-cel {
    background-position: center;
    height: 476px;
  }

  .card-robo {
    background-size: contain;
    height: 447px;
  }

  .card-mulher {
    background-position: left center;
    height: 549px;
  }

  .tablet {
    background-size: contain;
    background-position: center;
    height: 595px;
  }

  .carteira-atual,
  .carteira-ideal {
    background-size: contain;
    height: 396px;
  }
}

@media screen and (max-width: 658px) {
  .banner-top {
    margin-top: 101px;
  }
  .main-background {
    height: 133px;
  }
}

@media screen and (max-width: 400px) {
  .banner-top {
    margin-top: 98px;
  }
  .big {
    font-size: 2rem !important;
  }
}

@media screen and (max-width: 360px) {
  .banner-middle {
    background-size: cover;
    background-position: center bottom;
  }

  .card-cel {
    background-position: center;
    height: 415px;
  }

  .card-robo {
    background-size: contain;
    height: 423px;
  }

  .card-mulher {
    background-position: left center;
    height: 507px;
  }

  .tablet {
    background-size: contain;
    background-position: center;
    height: 530px;
  }

  .carteira-atual,
  .carteira-ideal {
    background-size: contain;
    height: 376px;
  }
}