.bento-box-tofu-section {
  --box-padding: 42px;
  padding: 3rem 10.75rem;

  .bento-tofu-tile-continer {
    background-size: cover;
    padding: var(--box-padding);
    border-radius: 16px;
    display: grid;
    grid-template-columns: 66fr minmax(280px, 44fr);
    grid-template-rows: auto 1fr;
    grid-template-areas:
      "one three"
      "two three";
    column-gap: 1rem;
  }

  .bento-tofu-tile-text {
    grid-area: one;
  }

  .bento-tofu-tile-img-container {
    grid-area: two;
    display: flex;
    flex-direction: column;
    margin-bottom: calc(-1 * var(--box-padding));
  }
  .bento-tofu-tile-img-container img {
    margin-top: auto;
    display: block;
  }

  .tofu-form-dual-row {
    display: flex;
    gap: 1rem;
    & > * {
      flex: 1;
    }
  }

  .bento-tofu-tile-form-container {
    grid-area: three;
  }

  .bento-tofu-form {
    font-size: var(--14px);
  }

  form#formToSubmit.bento-tofu-form a{
    color: var(--color-petrol-10)
  }
  form#formToSubmit.bento-tofu-form > * {
    margin-bottom: 1rem;
  }

  .bento-tofu-submit-btn {
    display: inline-block;
    background: var(--color-green-light);
    border-radius: 35px;
    padding: 6px 49px 6px 27px;
    border: none;
  }

  .bento-tofu-submit-btn::after {
    content: "\e8e4";
    font-family: "Material Symbols Outlined";
    font-size: 1.4em;
    position: relative;
    top: 0.33rem;
    left: 0.5em;
    transition: all 0.2s ease-in-out;
    line-height: 0;
  }

  .bento-tofu-submit-btn:hover::after {
    transition: all 0.2s ease-in-out;
    left: 1em;
  }

  .bento-tofu-submit-btn::after {
    content: "\e8e4";
    font-family: "Material Symbols Outlined";
    font-size: 1.4em;
    position: relative;
    top: 0.33rem;
    left: 0.5em;
    transition: all 0.2s ease-in-out;
    line-height: 0;
  }

  @media (max-width: 1200px) {
    padding: 3rem 8.25rem;
  }

  @media (max-width: 900px) {
    padding: 3rem 2.75rem;
    .bento-tofu-tile-continer {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media (max-width: 576px) {
    --box-padding: 20px;
    padding: 3rem 2rem;

    .bento-tofu-tile-continer {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto auto;
      grid-template-areas:
        "one"
        "three"
        "two";
    }
  }
}