/* Invest Banner Component (Legacy) */
.invest_banner {
  background-image: url("/static/img/home/home_banner.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(100vh - 142px);
  padding: 9rem 7rem 0;
}
.marquee-position .invest_banner{
  height: calc(100vh - 96px);
}
.mf_landing .invest_banner {
  background-position: bottom !important;
}
.invest_banner h1 {
  font-size: var(--font-size-40);
  font-weight: 700;
}
.bottom_text_transform div a, .filterContainer ul li a, .invest_banner .p1, .invest_banner .p2, .invest_banner a {
  font-size: var(--font-size-18);
}
.invest_banner .p1 {
  font-weight: 400;
}
.invest_banner .p2 {
  font-weight: 600;
}
.invest_banner a {
  font-weight: 600;
  color: #1d1d1d;
}
.invest_banner .btn-dark {
  color: #ffff !important;
  background-color: #000;
  border-color: #343a40;
  font-family: manrope;
  font-weight: 600;
  animation: pulse_teal 4s infinite;
}
.getting_start{
  font-size: var(--font-size-16px);
  padding: 0;
}
.invest_banner .btn-dark .fas {
  color: var(--teal_light);
}
.invest_banner .btn-dark:hover {
  color: #000!important;
  background-color: #fff!important;
  border: 1px solid var(--wrightblack);
}
.invest_banner .btn-dark:hover .fas {
  color: var(--teal_dark);
}
.invest_banner_content a:hover img {
  margin-left: 3px;
  transition: .3s ease-out;
}
.invest_banner .threebuttons {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  height: 140px;
}
.invest_banner .threebuttons img {
  max-width: 100%}
.threebuttons .threebuttons_box:first-child, .threebuttons .threebuttons_box:last-child {
  margin-top: 3.5rem;
}

.mf_landing .invest_banner img{
  width: 300px;
  height: 300px;
  position: absolute;
  top: -46px;
    right: -5px;
}
.btn-box {
  position: relative;
  animation: 2.5s cubic-bezier(.5, 0.05, 1, .5) infinite bounce;
  animation-direction: alternate;
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
  -webkit-animation-iteration-count: infinite;
}
.btn-text {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 160px;
  display: flex;
  justify-content: flex-start;
}
.innerBtn {
  padding-right: 1rem;
}
.btn-text p {
  font-size: var(--font-size-12);
  font-weight: 400;
}
@keyframes bounce {
  from {
  transform: translate3d(0, 0, 0);
}
to {
  transform: translate3d(0, 50px, 0);
}
}@-webkit-keyframes bounce {
  from {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
to {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}
}

@media (min-width:768px) and (max-width:1400px) {
  .invest_banner {
  background-size: cover;
  padding: 3rem 0 0;
}
}

@media (min-width:768px) and (max-width:1200px) {
  .invest_banner {
  height: calc(100vh - 65px)!important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.invest_banner .threebuttons {
  margin-top: 7rem!important;
  height: 200px!important;
}
.threebuttons .threebuttons_box:first-child, .threebuttons .threebuttons_box:last-child {
  margin-top: 0;
}
.threebuttons .threebuttons_box:nth-child(2) {
  margin-top: -1.5rem!important;
}
}