.omega-cells {
  display: block;
  padding: var(--PT) 0px var(--PB);

  .omega-cells__container {
    display: flex;
    flex-direction: column;
    gap: var(--container-gap, 7rem);
    width: 100%;

    .omega-cells__heading {
      font-size: var(--heading-size, 1.4rem);
      font-weight: var(--heading-weight);
      line-height: var(--heading-height, 1.3);
      text-align: center;
    }

    .omega-cells__content {
      font-size: var(--content-size, 2rem);
      font-weight: var(--content-weight);
      line-height: var(--content-height, 1.75);
      text-align: center;
    }

    .omega-cells__block:not(:last-child) .omega-cells__block-inner::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='12' viewBox='0 0 88 12' fill='none'%3E%3Cpath d='M87.5303 6.53033C87.8232 6.23744 87.8232 5.76256 87.5303 5.46967L82.7574 0.696699C82.4645 0.403806 81.9896 0.403806 81.6967 0.696699C81.4038 0.989593 81.4038 1.46447 81.6967 1.75736L85.9393 6L81.6967 10.2426C81.4038 10.5355 81.4038 11.0104 81.6967 11.3033C81.9896 11.5962 82.4645 11.5962 82.7574 11.3033L87.5303 6.53033ZM0 6.75L87 6.75V5.25L0 5.25L0 6.75Z' fill='black'/%3E%3C/svg%3E");
      content: "";
      display: var(--arrow, block);
      height: 1.2rem;
      left: 100%;
      position: absolute;
      top: calc(var(--image-height) / 2);
      translate: -50% -50%;
      width: 8.8rem;
    }

    .omega-cells__block-inner {
      --image-height: 20rem;

      align-items: center;
      display: grid;
      gap: var(--block-gap, 6rem);
      padding: var(--block-padding, 0 8rem);
      position: relative;

      .omega-cells__block-media--wrapper {
        display: grid;
        padding-bottom: var(--image-height);
        place-content: center;
        position: relative;

        .omega-cells__block-media--image {
          height: 100%;
          left: 50%;
          object-fit: contain;
          object-position: center;
          position: absolute;
          top: 50%;
          translate: -50% -50%;
          width: 100%;
        }
      }

      .omega-cells__block-context {
        display: grid;
        gap: var(--block-context-gap, 3rem);
        position: relative;
        z-index: 2;

        .omega-cells__block-title {
          font-size: var(--block-title-size, 2rem);
          font-weight: var(--block-title-weight);
          line-height: var(--block-title-height, 1.5);
        }

        .omega-cells__block-content {
          font-size: var(--block-text-size, 2rem);
          font-weight: var(--block-text-weight);
          line-height: var(--block-text-height, 1.5);
        }

        a {
          color: inherit;
          text-decoration: none;
        }
      }
    }

    .omega-cells__navigation {
      --size: 6rem;
      display: flex;
      gap: 2.5rem;
      justify-content: center;
      margin-top: 5rem;

      button {
        background: transparent;
        border: 1px solid currentColor;
        border-radius: 50%;
        color: var(--color);
        display: grid;
        height: var(--size);
        place-content: center;
        width: var(--size);

        &:hover {
          background: var(--color);
          border-color: var(--color);
          color: #FFF;
        }

        &.swiper-button-lock {
          display: none;
        }

        &.swiper-button-disabled {
          opacity: 0.5;
        }

        &.omega-cells__next {
          rotate: 180deg;
        }
      }
    }
  }

  @media screen and (width < 1024px) {
    .omega-cells__container {
      --block-padding: 0 5rem;
      --container-gap: 4rem;
    }
  }

  @media screen and (width < 768px) {
    .omega-cells__container {
      --arrow: none;
    }
  }
}