.details-footer{
{#  background-image: url('https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/vuybnj.png');
  background-position:10% 0%;
  background-repeat: no-repeat;
  background-color:black; #}
}
.two-columns-3{
  display:flex;
  flex-direction:row;
  background-image: url('https://8649788.fs1.hubspotusercontent-na1.net/hubfs/8649788/Group%20370%20(2).png');
  background-repeat:no-repeat;
  background-position: -3% 10%;
  background-size:20%;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

.image-01{
  max-width:95%;
}
.details-main{
  width:70%;
  margin-right:10%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:left;
  margin-bottom:190px;
  margin-left:20%;
}
.auxiliar-margin{
  margin-top:80px;
}
.details-title{
  color:#FF6600;
  font-family:'Avenir35';
  font-size:34px;
  font-weight:500;
  line-height:140%;
  letter-spacing:-0.68px;
}
.details-text{
  color:white;
  font-family:'Avenir35';
  font-size:34px;
  font-weight:300;
  line-height:140%;
  letter-spacing:-0.68px;
}
.details-cards-container{
  display:grid;
  grid-template-columns: repeat(2,45%);
  column-gap:5%;
  row-gap:10%;
}

li {
  padding-left: 1.2em;
  display: inline-block;
}

.details-single-card{
  display:flex;
  flex-direction:column;
  text-align:left;
  gap:15px;
}
.details-li{
  color:#FF6600;
  font-size:20px;
  font-family:'Avenir35';
  font-weight:500;
  line-height:140%;
  letter-spacing:-0.4px;
}
.details-card-text{
  color:white;
  font-family:'Avenir35';
  font-size:20px;
  font-weight:500;
  line-height:140%;
  letter-spacing:-0.4px;
  margin-left:25px;
  margin-bottom:30px;
}

 


  
  @media(max-width:768px){

  .details-main{
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }
  .details-cards-container{
  grid-template-columns: repeat(1,100%);
    row-gap:0%;
  }
  .details-title{
  margin-bottom:20px;
  }
  .details-main{
   margin-bottom:50px;   
  }
   .details{
    gap:50px; 
   }
    .auxiliar-margin{
    margin-top:50px;
    }
    .image-01{
      display:none;
    }
    .right-column{
      display:none;
    }
   .image-01-mobile{
    width:70%;
    margin-bottom:30px;
    display:block;
    margin-left:0;
    margin-right:37%;
  }
    .two-columns-3{
      background-image:none;
    }
    .details-footer{
      background-position: 40% 55%;
    }
}