* {
  margin: 0;
  padding: 0;
}

/* --------- Main --------- */

section {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container-section-four {
  padding-top: 80px;
}

section div {
  width: 50%;
}

section img {
  width: 100%;
}

h3 {
  font-size: 43px;
  color: #114074;
  text-align: left;
  font-weight: 800;
}

p {
  font-size: 18px;
  font-weight: 600;
  line-height: 33.84px;
  color: #000000;
}

.section-text {
  width: 40%;
  margin: auto;
}

/* --------- Section one --------- */

.section-one {
  background: #f8f8f8;
}

.section-one div:nth-of-type(2) {
  width: 40%;
  margin: auto;
}

/* --------- Section two --------- */

.section-two div:nth-of-type(2) {
  background: #a3d55e;
}

.section-two div:nth-of-type(2) .section-text {
  width: 60%;
  padding: 110px 0 110px;
}

@media screen and (max-width: 768px) {
  /* --------- Main --------- */

  .section-text,
  .section-two div:nth-of-type(2) .section-text {
    width: 85%;
    padding: 40px 0 40px 0;
  }

  section div {
    width: 100%;
  }

  /* --------- Section one --------- */

  .section-one {
    padding-top: 60px;
  }

  .section-one div:nth-of-type(2) {
    width: 85%;
    padding: 20px 0;
  }

  .section-one h2 {
    font-size: 20px;
    line-height: 30.02px;
    font-weight: 800;
  }
}
