.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 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 4.3rem;
  width: 100%;
  min-height: 77vh;
  background-image: url('/static/images/png/thematic-investments/banner.png');
}

.bg-gradient-1 {
  background: linear-gradient(90deg, #b85155 0%, rgba(202,98,63,1) 48%, rgba(202,98,63,1) 88%)
}

.bg-gradient-2 {
  background: linear-gradient(90deg, #ca623f 0%, #eec678 48%);
  z-index: 1;
  width: 83%;
  position: absolute;
  height: 250%;
  border-radius: 50%;
  transform: translate(-27%,-30%);
}

.bg-gradient-3 {
  background: linear-gradient(118deg, #3ebb8c 0%, #eec678 35%);
  z-index: 1;
  width: 83%;
  position: absolute;
  height: 250%;
  border-radius: 50%;
  transform: translate(-27%,-30%);
}

.bg-two-images {
  background: url('/static/images/png/thematic-investments/img2.png') top left no-repeat, url('/static/images/png/thematic-investments/img3.png') top right no-repeat;
}

.bg-child {
  background-image: url('/static/images/png/thematic-investments/img4.png');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  width: 100%;
}

.bg-child-drawing {
  background-image: url('/static/images/png/thematic-investments/img6.png');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}

.bg-garden {
  background: url('/static/images/png/thematic-investments/img7.png') top left no-repeat;
  background-size: cover;
}

.card-success-opacity {
  background-color: #E9F7E2!important;
  border: 1px solid #ACD298!important;
  border-radius: 22px!important
}

.card-rounded {
  background-color: #FFF;
  border-radius: 50%;
  width: 200px;
  height: 200px;
}

.card-1 {
  background-color: #A5CDBE!important;
  border-color: #A5CDBE!important;
  border-radius: 22px!important
}

.card-2 {
  background-color: #EEC678!important;
  border-color: #EEC678!important;
  border-radius: 22px!important
}

.card-3 {
  background-color: #CA623F!important;
  border-color: #CA623F!important;
  border-radius: 22px!important
}

.card-4 {
  background-color: #B85155!important;
  border-color: #B85155!important;
  border-radius: 22px!important
}

.custom-5 {
  background: linear-gradient(45deg, rgb(196, 110, 114, .7) 0%, rgb(213, 129, 97, .7) 80%);
  border-radius: 22px!important
}

.custom-6 {
  background: linear-gradient(45deg, rgb(207, 117, 95, .7) 0%, rgb(238, 212, 149, .7) 80%);
  border-radius: 22px!important
}

.custom-7 {
  background: linear-gradient(45deg, rgb(241, 200, 135, .7) 0%, rgb(180, 213, 201, .7) 80%);
  border-radius: 22px!important
}

@media screen and (max-width: 1366px) {
  .banner-top {
    min-height: 70vh;
  }
}

@media screen and (max-width: 1024px) {
  .banner-top {
    background-position: 0 3.7rem;
    min-height: 53vh;
  }
  .w-sm-100 {
    width: 100%;
  }
}

@media screen and (max-width: 820px) {
  .banner-top {
    background-position: -10rem 3.5rem;
  }
}

@media screen and (max-width: 658px) {
  .title {
    padding-top: 9rem;
  }
  .banner-top {
    background-position: left;
  }
  .bg-gradient-2,
  .bg-gradient-3 {
    width: 0;
  }
}