.column-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.impar {
  background: #f4fff9;
  --padding-block-start: 4rem;
  --padding-block-end: 4rem;
}
.par {
  background: #b8f5f6;
  --padding-block-start: 4rem;
  --padding-block-end: 4rem;
}
.background-welcome {
  background-image: url(../images/what-we-offer-image-1.png);
  background-position: left center;
  background-size: 48% 100%;
  background-repeat: no-repeat;
}
.background-service {
  background-image: url(../images/what-we-offer-image-2.png);
  background-position: right center;
  background-size: 48% 100%;
  background-repeat: no-repeat;
}
.background-therapy {
  background-image: url(../images/what-we-offer-image-6.png);
  background-position: left center;
  background-size: 48% 100%;
  background-repeat: no-repeat;
}
.background-specialized {
  background-image: url(../images/what-we-offer-image-3.png);
  background-position: right center;
  background-size: 48% 100%;
  background-repeat: no-repeat;
}
.background-expertise {
  background-image: url(../images/what-we-offer-image-4.png);
  background-position: left center;
  background-size: 48% 100%;
  background-repeat: no-repeat;
}
.background-immigration {
  background-image: url(../images/what-we-offer-image-5.png);
  background-position: right center;
  background-size: 48% 100%;
  background-repeat: no-repeat;
}
.background-populations {
  background-image: url(../images/what-we-offer-image-7.png);
  background-position: left center;
  background-size: 48% 100%;
  background-repeat: no-repeat;
}
.background-location {
  background-image: url(../images/what-we-offer-image-8.png);
  background-position: right center;
  background-size: 48% 100%;
  background-repeat: no-repeat;
}
.content-text {
  padding-inline-start: 2rem;
  padding-inline-end: 2rem;
  padding-block-start: 8rem;
  padding-block-end: 8rem;
}
.impar h2,
.par h2 {
  font-family: "Roboto-LightItalic";
  font-size: 2.9rem;
  line-height: 2.9rem;
  padding-block-start: 2rem;
}
.impar h2 > span,
.par h2 > span {
  font-weight: 600;
}

.impar h3,
.par h3 {
  font-family: "Roboto-MediumItalic";
  font-size: 2.5rem;
  line-height: 2.7rem;
  padding-block-end: 2rem;
}
.impar h4,
.par h4 {
  font-family: "Roboto-MediumItalic";
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding-block-end: 1rem;
}
.impar p,
.par p {
  font-family: "Roboto-LightItalic";
  font-size: 1.4rem;
  line-height: 1.9rem;
}
.impar ul > li,
.par ul > li {
  font-family: "Roboto-LightItalic";
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding-inline-start: 0.5rem;
  padding-block-end: 0.5rem;
}
.impar ul {
  list-style-image: url("../images/vineta-4.png");
  --list-style-position: inside;
  list-style-type: none;
  list-style-position: 1rem;
}
.par ul {
  list-style-image: url("../images/vineta-1.png");
  --list-style-position: inside;
  list-style-type: none;
}
.impar img {
  border-radius: 14px;
  border: 4px solid #2dedba;
}
.par img {
  border-radius: 14px;
  border: 4px solid #37c0e1;
}
@media screen and (min-width: 768px) {
  .container-fluid > .row {
    width: 90%;
    margin: 0 auto;
  }
  .renew {
    padding-block-start: 8rem;
    padding-block-end: 8rem;
  }
  .renew .block-cards {
    flex-direction: row;
  }
  .renew card {
    width: 20%;
  }
  .renew card > h6 {
    display: block;
  }
}

.appointment {
  margin-block-start: 4rem;
  margin-block-end: 8rem;
  padding-block-start: 4rem;
  padding-block-end: 8rem;
}
.appointment h2 {
  font-family: "Roboto-Bold";
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 600;
  padding-block-start: 1rem;
  padding-block-end: 1rem;
}
.appointment hr {
  background: #22ee98;
  height: 1px;
  border: 0;
  margin: 0 auto;
  margin-block-start: 0.5rem;
  margin-block-end: 1rem;
  max-width: 200px;
}
.appointment p {
  font-family: "Roboto-LightItalic";
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  margin-block-end: 2rem;
}
@media screen and (min-width: 768px) {
  .appointment h2 {
    font-size: 4rem;
    line-height: 4rem;
  }
}