.omega-new-banner {
  padding: var(--PT) 0px var(--PB);

  .omega-new-banner__container {
    align-items: center;
    display: grid;
    gap: var(--container-gap);
    grid-template-columns: var(--container-items);

    .omega-new-banner__title {
      font-size: var(--title-size);
      font-weight: var(--title-weight);
      line-height: var(--title-height);
      max-width: var(--title-maw);
      text-align: var(--title-align, left);

      .omega-new-banner__word {
        animation: opacity 2s;
        font-style: italic;
        overflow: visible;
        padding-right: 0.2em;
      }
    }

    .omega-new-banner__content {
      font-size: var(--content-size);
      font-weight: var(--content-weight);
      line-height: var(--content-height);
      max-width: var(--content-maw);
      text-align: var(--content-align, left);
    }

    .omega-new-banner__button {
      margin-top: 4rem;
    }

    .omega-new-banner__media {
      display: flex;
      justify-content: end;

      .omega-new-banner__image {
        height: auto;
        margin-bottom: var(--image-bottom);
        margin-top: var(--image-top);
      }
    }
  }

  &.omega-new-banner__desk {
    background-image: var(--background-image);
    background-position: var(--background-position);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: var(--section-height, auto);
  }

  @media (width <=991px) {
    &.omega-new-banner__mobi {
      background-image: var(--background-image);
      background-position: var(--background-position);
      background-repeat: no-repeat;
      background-size: cover;
      min-height: var(--section-height, auto);
    }
  }
}

@keyframes opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}