.home-hero-container{
  background-size: contain;
  background-position: 100% 25%;
  background-repeat: no-repeat;
  max-width: 1074px;
  margin: 0 auto;
  min-height: 515px;
  padding-top: 84px;
}

@media (min-width: 1366px) { 
  .home-hero-container{
    background-position: 70%;   
  }
}

@media (max-width: 992px) { 
  .home-hero-container{
    background-position: -50px 0%;
    min-height: 300px;
    padding-top: 20px;
  }
}
.home-hero-conatiner__content{
  max-width: 600px;
}
@media (max-width: 765px) {
  .home-hero-conatiner__content{
    max-width: 100%;
    padding: 0 30px;
  }
}

.home-hero-container__text p{
  max-width: 500px;  
  line-height: 22px;
}
.home-hero-container__text h1{
  margin-bottom: 10px;
}

.home-hero-container__buttons-container{
  margin-top: 40px;
  display: flex;
}

.home-hero-container__button-label{
  padding-top: 1px;
}

@media (max-width: 765px) {
  .home-hero-container__buttons-container{
    flex-direction: column;
    row-gap: 10px;    
  }
}

.home-hero-container__button{
  display: flex;
  width: fit-content;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.4px;  
  position: relative;
  margin-right: 60px;
  transition: all 0.1s linear;
  text-decoration: none;
  text-transform: uppercase;
}


.home-hero-container__button-svg{
  margin-left: 10px;
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.home-hero-container__button:hover .home-hero-container__button-svg{
  transform: translateX(2px);
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.home-hero-container__button div{
  transition: all 0.1s linear;
}
.home-hero-container__button:hover div{
  transition: all 0.1s linear;
  text-decoration: none;
}

.home-hero-container__buttons-container a:hover{
  text-decoration: none;
}

.home-hero-container__mobile-image{
  display: none;
}

@media (max-width: 765px) {
  .home-hero-container__mobile-image{
    display: block;
  }
}

.home-hero-container__mobile-image img{
  height: 230px;
  object-fit: cover;
  transform: translateX(-30px);
  object-position: right;
}

/* Unnecessary override, default to theme settings
@media (max-width: 768px) {
  .home-hero-container__text h1{
    font-size: 3rem;
  }
 */
}