body #section-home {
  background-color: #F2F2F2;
  padding: 77px 112px;
}

body #section-home h2 {
  font-weight: 700;
  font-size: 58px;
  line-height: 60px;
  text-align: center;
  color: #FE673E;

  margin: 0 0 54px;
}

body #section-home h2 span {
  color: #3E4095;
}


body .benefits-box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
}

body .benefits-box .benefit {
  padding: 34.32px 47.23px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;

  text-align: center;

  transition: all .5s;
}

body .benefits-box .benefit:hover{
  background-color: #DEDEFF;
}

body .benefits-box .--border-radius-one {
  border-radius: 40.2px;
  border-bottom-right-radius: 0;
}

body .benefits-box .--border-radius-one img {
  border-radius: 40.2px;
  border-bottom-right-radius: 8px;
  background-color: #FE673E;
}

body .benefits-box .--border-radius-two {
  border-top-right-radius: 40.2px;
  border-bottom-left-radius: 40.2px;
}

body .benefits-box .--border-radius-two img {
  border-radius: 8px 40.2px 8px 40.2px;
  background-color: #3E4095;
}

body .benefits-box .--border-radius-three {
  border-top-left-radius: 40.2px;
  border-bottom-right-radius: 40.2px;
}

body .benefits-box .--border-radius-three img {
  border-radius: 40.2px 8px 40.2px 8px ;
  background-color: #3E4095;
}

body .benefits-box .--border-radius-four {
  border-radius: 40.2px;
  border-bottom-left-radius: 0;
}

body .benefits-box .--border-radius-four img {
  border-radius: 40.2px;
  border-bottom-left-radius: 8px;
  background-color: #FE673E;
}

body .benefits-box .benefit img {
  height: 89px;
  padding: 5px 13px;

  margin-bottom: 32px;
}

body .benefits-box .benefit h3 {
  
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;

  margin-bottom: 12px;
}

body .benefits-box .benefit p {

  font-weight: 500;
  font-size: 17.87px;
  line-height: 29.03px;
}

@media (max-width: 1100px) {
  body .benefits-box {
      display: grid;
      grid-template-columns: repeat(2, auto);
  }
}

@media (max-width: 700px) {
  body .benefits-box {
      display: grid;
      grid-template-columns: auto;
  }
}


@media (max-width: 500px) {

  body #section-home h2 {
    font-size: 40px;
    margin-bottom: 0;
  }

  body #section-home {
    padding: 77px 20px;
  }

  body #section-home h2 {
    font-size: 16.5px;
    line-height: 17.07px;
  }

  body .benefits-box .benefit h3 {
    font-size: 20px;
    line-height: 36px;
  }
  
  body .benefits-box .benefit p {
    font-size: 16px;
    line-height: 29.03px;
  }
  

}