.first-experience {
  .container {
    padding: 72px 67px 70px 64px;
    margin-bottom: 25px;
    border-radius: 62px;
    border: 1px solid #181818;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 55px;
    @media (max-width: 1024px) {
      padding: 18px 18px 28px 18px;
      border-radius: 35px;
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .first-experience_left {
      @media (max-width: 1024px) {
        order: 2;
      }
      h2 {
        margin-block: 0 30px;
        line-height: 80%;
        @media (max-width: 1024px) {
          margin-block: 0 16px;
        }
      }
      .text {
        margin-bottom: 20px;
        @media (max-width: 1024px) {
          font-size: 18px;
        }
      }
      .grid-pattern {
        margin-bottom: 40px;
        @media (max-width: 1024px) {
          display: none;
        }
      }
    }
    .first-experience_right {
      position: relative;
      width: 100%;
      overflow: hidden;
      border-radius: 46px;
      overflow: hidden;
      border: 1px solid #181818;

      @media (max-width: 1024px) {
        border-radius: 24px;
      }

      video {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }
}