.hero-container {
  position: relative;
  overflow: hidden;
}
body .hero-container .bg-img {
  top: 0;
  height: 100%;
  position: absolute;
  left: 50%;
  max-width: 100%;
  width: auto;
  z-index: 2;
}
.hero {
	padding:0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 73px;
  position: relative;
  z-index: 10;
}
.hero .image-container {
  max-width: 100%;
  position: relative;
  width:47%;
}
.hero .content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero .content.half {
  margin-left: 0px;
  width: 50%;
}
.hero h1 {
	margin-top:0;
  margin-bottom: 24px;
}
.hero h1 {
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 83.6px */
}
.hero .subtext {
	max-width:850px;
  margin-bottom: 40px;
}

.hero .subtext,
.hero .subtext p {
	max-width:590px;
 color: var(--Sterling-Black, #070707);

/* Large Paragraph */
font-family: "DM Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
letter-spacing: -0.6px;
}
.hero .image-container .hero-img {
  max-width:756px;
	object-fit:fill;
	height:100%;
}
.floating-bg {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  visibility: hidden;
  z-index: 1;
}
#bouncingArrow {
    visibility: hidden;
}

@media (max-width:1200px) {
			.hero .image-container .hero-img {
    height: 100%;
    max-height: 500px;
		}
	
	.hero .content {
		padding-top:40px!important;
		padding-bottom:40px!important;
	}
}
@media screen and (min-width: 1151px) {
  .image-container.desktop-half-img {
    position: absolute;
    left: 50%;
    width: 70%;
  }
  .image-container.desktop-half-img .hero-img {
    width: 100%;
  }
}

@media (max-width:1200px) {
	 .hero .content,
  .hero .image-container {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
	
	.hero .content {
		width:100%!important;
	} 
	
	.hero .image-container {
		order:2;
	}
  .hero.container {
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
    gap: unset;
  }
	

  .floating-bg {
    right: 5%;
    width: 90%;
  }
  body .hero-container .bg-img {
    left: 0;
  }
}

@media (max-width:1330px) {
	.hero {
		padding:0px 25px;
	}
}
@media screen and (max-width: 1050px) {
  .hero .content.half {
      width: 100%;
  }
}

@media screen and (max-width: 991px) {
  body .hero-container .bg-img,
  body .hero-container .hero-img {
    height: initial;
    width: 100%;
  
	}

 
  .hero h1, .hero h1 div {
    font-size:42px;
		margin-bottom:20px!important;
  }
  .hero .content.half {
    width: 100%;
  }

@media screen and (max-width: 750px) {
   
    	.hero .image-container {
		order:2;
				width:100%;
				padding-bottom:0px!important;
				overflow:hidden;
	}
    .hero .floating-bg {
      height: 55%;
      top: 10%;
    }
	
.hero .subtext, .hero .subtext p, .hero .subtext span  {
line-height:130%;
		font-size:16px!important;
	}
	
	.hero .eyebrow {
		font-size:24px!important;
	}
}