.product-steps {
  padding: 75px 0;
  .product-steps__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    h2 {
      font-size: 42px;
      font-family: var(--global-font-2);
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0px;
      text-align: center;
      color: #055E5A;
      margin: 0;
    }
    .product-steps__steps-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      .product-steps__step {
        display: flex;
        flex-direction: column;
        .step__image-container {
          max-height: 260px;
          svg,
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        .step__content-container {
          flex: 1;
          padding: 50px;
          h3 {
            font-family: var(--global-font);
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            color: green;
            margin: 0;
          }
          h4 {
            font-family: var(--global-font);
            font-size: 18px;
            font-weight: 700;
            line-height: 27px;
            letter-spacing: normal;
            color: #055e5a;
            text-align: left;
            margin: 0;
          }
          p {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0em;
            margin: 0;
            margin-top: 24px;
          }
        }
      }
    }
  }
  .product-steps__action-container {
    button {
      font-size: 16px;
      font-family: var(--global-font);
      font-weight: 800;
      color: #ffffff;
      border-radius: 3em;
      background-color: #40a56d;
      border: 1px solid #40a56d;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 40px;
      padding-right: 40px;
      transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
      text-transform: uppercase;
      cursor: pointer;
    }
    button:hover {
      background-color: #fff !important;
      color: #40a56d !important;
    }
  }
}
@media (max-width: 1024px) {
  .product-steps {
    padding: 50px 0;
    .product-steps__container {
      h2 {
        font-size: 26px;
      }
    }
    .product-steps__action-container {
      button {
        font-size: 14px;
        padding: 6px 30px;
      }
    }
  }
}
@media (max-width: 768px) {
  .product-steps {
    .product-steps__container {
      max-width: 430px;
      .product-steps__steps-container {
        display: grid;
        grid-template-columns: 1fr;
      }
    }
  }
}