.mainscreen-section {
  height: 742px;
  /* position: relative; */
  width: 100%;
  
  @media(max-width: 600px) {
    height: 75vh;
  }
  
  & .drag-block, .only-on-front {
    height: 100%;
  }

  & .mainscreen-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      border-radius: 2px;
    }

    & video {
      object-fit: cover;
      width: 100%;
      height: 100%;
      border-radius: 2px;
    }
  }


  .relative-block {
    position: relative;
    height: 742px;

    @media(max-width: 600px) {
      height: 100%;
    }
  }

  & .mainscreen-content {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 16px;
    position: relative;
    z-index: 1;

    @media(max-width: 1024px) {
      flex-direction: column;
      align-items: flex-start;
    }

    & .mainscreen-content__logo {
      & img {
        max-width: 100%;
      }
    }

    & .mainscreen-content__right {
      @media(max-width: 1024px) {
        width: 100%;
      }

      & a {
        @media(max-width: 1024px) {
          width: 100%;
          justify-content: space-between;
        }
      }

      & a.mainscreen-content__link-catalog {
        justify-content: center;
        height: 46px;
        font-size: 16px;
        line-height: 132%
      }
    }

    & .mainscreen-content__catchphrase {
      color: var(--Text-Primary);
      font-family: 'Evolventa';
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      /* 21.6px */
      letter-spacing: -0.36px;
      max-width: 407px;
      margin-bottom: 34px;
    }



    & .mainscreen-content__link {
      display: flex;
      gap: 8px;
      padding: 12px;
      border-radius: 2px;
      /*border: 0.5px solid rgba(255, 255, 255, 0.48);*/
      background: radial-gradient(524.79% 141.42% at 0% 0%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
      backdrop-filter: blur(6px);

      & .mainscreen-content__link-info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 169px;

        @media(max-width: 600px) {
          height: 128px;
        }

        & span {
          color: var(--Text-Primary);
          font-family: 'Evolventa';
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 124%;
          letter-spacing: -0.32px;
          max-width: 249px;

          @media(max-width: 600px) {
            font-size: 10px;
            line-height: 120%;
          }
        }

        & .arrow-link {
          width: 48px;
          height: 48px;
          transition: all .3s;

          & img {
            width: 100%;
            height: 100%;
            object-fit: contain;
          }
        }

        &:hover {
          & .arrow-link {
            transition: all .3s;
            transform: rotate(45deg);
          }
        }
      }

      & .mainscreen-content__link-image {
        max-width: 212px;
        width: 100%;
        border-radius: 4px;
        height: 169px;
        overflow: hidden;

        @media(max-width: 600px) {
          max-width: 156px;
          height: 128px;
        }
        & img {
          object-fit: cover;
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  & a.mainscreen-content__link-catalog {
    max-width: 255px;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background: #F9F9F9;
    color: var(--Text-Primary);
    font-family: 'Evolventa';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    letter-spacing: -0.36px;
    transition: color .3s ease-in, background-color 0.3s ease-in;

    &:hover {
      background-color: #5c7a57;
      color: #fff;
    }

    @media(max-width: 600px) {
      max-width: 100%;
    margin-top: 8px;
    }
  }
}