
body #section-methodology {
  background-color: #F2F2F2;
  padding: 47px 112px 0;

  display: grid;
  grid-template-rows: repeat(1, auto);
  grid-template-columns: repeat(2, 1fr);
}

body #section-methodology h2 {
  font-weight: 700;
  font-size: 38px;
  line-height: 64px;
  
  color: #FE673E;

  margin: 0 0 18px;
}


body #section-methodology ol li {
  counter-increment: item;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #3E4095;
  list-style: none;
}

body #section-methodology ol li::before {
  content: counter(item);
  color: #FE673E; 
}

body #section-methodology ol li span{
  color: #696984;
}

body #section-methodology .methodology-image {
  position: relative;
}

body #section-methodology .methodology-image img{
  position: absolute;
  height: 110%;
  bottom: 0;
}

@media (max-width: 1405px) {
  body #section-methodology {  
    display: flex;
    flex-direction: column;
  }

  body #section-methodology .methodology-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
  }

  body #section-methodology .methodology-image img{
    position: relative;
    height: 500px;
    margin: 0 auto;
  }
}

@media (max-width: 500px) {

  body #section-methodology {
    background-color: #F2F2F2;
    padding: 29px 20px 0;
  }
  

  body #section-methodology .methodology-image img{
    height: 350px;
  }

 

  body #section-methodology h2 {
    font-size: 20px;
    line-height: 32px;
  }
  
  
  body #section-methodology ol li {
    font-size: 12px;
    line-height: 17.39px;
    margin-bottom: 12px;
  }
  
}