.benefit-block {
  background: unset;
  color: var(--primary-black);
  position: relative;
  padding-bottom: 0;

  .benefit-container {
    .benefit-item {
      @media (width >= 768px) {
        height: 100%;
        display: flex;
        flex-direction: column;
      }
      .item-title {
        :is(h1, h2, h3, h4, h5, h6, p) {
          @media (min-width: 1024px) {
            font-size: var(--heading-font-12-des);
          }
        }
      }

      .item-content {
        padding-bottom: var(--space-16px);
        border-bottom: 1px solid var(--primary-black);

        @media (width >= 768px) {
          padding-bottom: var(--space-7px);
          height: 100%;
        }

        p {
          color: var(--primary-black);

          @media (min-width: 768px) {
            font-size: var(--heading-font-20-mob-text);
            line-height: var(--heading-lh-19-mob-display);
            font-weight: var(--fw-300);
          }
        }
      }
    }
  }

  .bottom-area {
    position: absolute;
    top: -130px;
    right: 0;

    @media (width >=1024px) {
      top: -160px;
    }

    .arrow-buttons {

      .splide__arrow.arrow:hover {
        display: block;

        &::after {
          background: var(--primary-blue) url('/icons/slider-arrow-right-white.svg') center / 1rem 1rem no-repeat;
        }
      }

      .arrow.right::after,
      .arrow.left::after {
        width: 2rem;
        height: 2rem;
        border: 0.667px solid var(--primary-blue);
        cursor: pointer;
        background: url('/icons/slider-arrow-blue.svg') center / 1rem 1rem no-repeat;

        @media (width >=1024px) {
          width: 3rem;
          height: 3rem;
        }
      }
    }
  }

  .benefit-block-title {
    margin: 39px 0 var(--space-20px);
    font-size: var(--heading-font-size-m);
    font-weight: var(--fw-700);
    line-height: var(--heading-lh-28-des);

    @media (width >= 768px) {
      margin: var(--space-80px) 0 var(--space-40px);
      font-size: var(--heading-font-size-l);
      font-weight: var(--fw-600);
      line-height: var(--heading-lh-16-des-display);
      min-height: var(--space-32px);
      display: flex;
      align-items: center;
    }

    @media (width >= 999px) {
      margin: var(--space-80px) 0 var(--space-48px);
    }

    @media (width >= 1024px) {
      min-width: var(--space-48px);

      @media (width >= 999px) {
        min-width: var(--space-60px);
      }
    }
  }

  .bottom-area {
    top: calc(-1 * var(--heading-lh-6-des-display));
    margin: 0;

    @media (width >= 768px) {
      top: calc(-1 * var(--space-72px));
    }

    @media (width >= 1024px) {
      top: calc(-1 * var(--heading-lh-12-des-display));
    }

    .arrow-buttons {
      gap: var(--space-8px);

      @media (width >= 768px) {
        gap: var(--space-16px);
      }

      .arrow.right, 
      .arrow.left
      {
        @media (width >= 768px) {
          width: var(--space-32px);
          height: var(--space-32px);
        }

        @media (width >= 1024px) {
          width: var(--space-48px);
          height: var(--space-48px);

          @media (width >= 999px) {
            width: var(--space-60px);
            height: var(--space-60px);
          }
        }
      }
    }
  }
}