.steps_section {
  background-color: #507749; }

.steps_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 63px; }
  .steps_wrap .blur_bg {
    background-color: var(--wp--preset--color--white-10);
    gap: 10px; }
    @media screen and (max-width: 1200px) {
      .steps_wrap .blur_bg {
        flex-wrap: wrap; } }
    @media screen and (max-width: 1440px) {
      .steps_wrap .blur_bg .text-18.text-18 {
        font-size: 14px; } }
    @media screen and (max-width: 1200px) {
      .steps_wrap .blur_bg .text-18.text-18 {
        font-size: 13px; } }
    @media screen and (max-width: 992px) {
      .steps_wrap .blur_bg .text-18.text-18 {
        font-size: 18px; } }
    @media screen and (max-width: 575px) {
      .steps_wrap .blur_bg {
        width: 100%; } }

.steps_wrap br {
  display: block; }

.step_item {
  max-width: calc((100% / 3) - 16px);
  background-color: var(--wp--preset--color--black-20);
  border-radius: 20px;
  padding: 40px 25px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media screen and (max-width: 992px) {
    .step_item {
      max-width: 100%;
      width: 100%;
      gap: 35px;
      margin-bottom: 40px; } }
  @media screen and (max-width: 1440px) {
    .step_item {
      padding: 40px 15px; } }
  .step_item p {
    margin-bottom: 0; }
  .step_item .btn,
  .step_item .wp-block-button__link,
  .step_item .wp-block-button {
    width: 100%; }

.step_item_num {
  color: #fff;
  font-size: 15px;
  padding: 8px 25px;
  gap: 10px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 100px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -60px;
  margin-bottom: 22px; }