.greetings {
  width: 72.5rem;
  margin: 0 auto;
  padding: 1.375rem 1.25rem;
  border-block: 0.125rem solid #00AB4E;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .greetings {
    width: 90%;
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
@media only screen and (max-width: 767px) {
  .greetings {
    width: 90%;
    padding: 1.25rem 0.625rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.greetings > p {
  color: #505050;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .greetings > p {
    margin-bottom: 1.25rem;
  }
}
.greetings > p > span {
  display: block;
}
.greetings div {
  padding-top: 1.25rem;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .greetings div {
    padding-top: 0.625rem;
  }
}
.greetings div span {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.greetings div h3 {
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
@media only screen and (max-width: 1023px) {
  .greetings div h3 {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
.greetings::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 1.375rem;
  right: 1.25rem;
  width: 50rem;
  height: 17.875rem;
  background: url(../img/greetings_bg.png) no-repeat center/cover;
}
@media only screen and (max-width: 1023px) {
  .greetings::before {
    width: 32.0625rem;
    height: 11.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .greetings::before {
    width: 16.125rem;
    height: 5.75rem;
    bottom: 1.25rem;
    right: 0.625rem;
  }
}