body {
  margin: 0;
}

.container{
  background: url('../images/LP Background New.jpg');
  margin: 0;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  padding: 0 30px;
  background-position: bottom;
  position: relative;
}
.image-bg-2{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.container .section{
  width: 100%;
  max-width: 1200px;
  margin-top: 149px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 124px;
  background-size: auto;
}
.container .title{
  font-family: Arial;
  color: white;
  font-weight: bold;
  line-height: 58px;
  font-size: 50px;
  text-align: center;
}
.container .subtitle{
  font-size: 41.67px;
  font-family: Arial;
  color: white;
  font-weight: bold;
  line-height: 58px;
  text-align: center;
  max-width: 1170px;
  margin-top: 50px;
}
.box-buttons{
  margin-top: 50.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 108px;
  max-width: 1200px;
  width: 100%;
}
.button{
  /* background-image: url('../images/background-button.webp'); */
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  color: #FFF;
  padding: 31px 0;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  background-color: #00D15F;
  font-family: 'Guardian Sans', sans-serif;
  font-weight: 900;
  font-size: 45px;
  width: 100%;
  max-width: 407px;
  transition: 0.3s ease-in;
  -webkit-transition: 0.3s ease-in;
}
.button:hover{
  /* transform: scale(1.06); */
  background-color: #009277;
  /* background-position: -90px; */
}
 h1, h2, h3{
   margin:0;
 }
@media (max-width:1440px){

  .container .title{
    font-size: 45px;
  }
  .container .subtitle{
    font-size: 35px;
    line-height: 50px;
  }
  .box-buttons {
    justify-content: center;
    gap: 100px;
    margin-top: 50px;
  }
  .box-buttons .button{
    max-width: 335px;
    padding: 20px 0 29px 0;
    font-size: 45px;
  }
}
@media (max-width:900px){
  .box-buttons .button{
    max-width: 335px;
  }
}

@media (max-width:740px){
  .box-buttons .button{
    max-width: 270px;
    font-size: 40px;
  }
}

@media (max-width:640px){

  .container {
    padding: 0 15px;
  }
  .container .section{
    background-size: contain;
    margin-top: 100px;
  }
  .container .title{
    line-height: 48px;
    font-size: 38px;
  }

  .container .subtitle{
    font-size: 29px;
    line-height: 36px;
  }
  .box-buttons{
    margin-top: 50px;
    gap: 50px;
  }
  .box-buttons .button{
    max-width: 335px;
    font-size: 18px;
    padding: 20px 0;
  }
}