@media (max-width: 768px) {
  .header {
    padding: 0 24px;
  }

  .header .logo {
    width: 140px;
    height: auto;
  }

  .header .menu {
    gap: 20px;
  }

  .header .div {
    font-size: 16px;
    line-height: 80px;
  }

  .container {
    height: 800px;
    padding: 112px 24px 32px 24px;
    gap: var(--spacing-9xl, 96px);
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .container .image-41 {
    right: 0;
    left: 0;
    bottom: -800px;
    top: 800px;
    width: auto;
    height: auto;
    translate: none;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, -1);
  }

  .container .frame-15 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4xl, 32px);
    align-items: center;
    justify-content: flex-end;
    align-self: stretch;
    position: relative;
    padding-top: 0;
    left: auto;
    right: auto;
    top: auto;
    translate: none;
    transform: none;
    width: auto;
  }

  .container .frame-31 {
    position: relative;
    align-self: stretch;
    flex: none;
    width: 100%;
  }
  .container .frame-8 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl, 24px);
    align-items: center;
    align-self: stretch;
    position: relative;
    width: auto;
  }
  .container .frame-34 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5xl, 40px);
    align-items: center;
    align-self: stretch;
    position: relative;
  }

  .container .div2 {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    font-size: 56px;
    line-height: 120%;
    text-align: center;
    align-self: stretch;
  }

  .container .minecraft br {
    display: none;
  }

  .container .frame-15 {
    justify-content: flex-end;
    padding-bottom: 32px;
  }

  .container .div2 {
    font-size: 52px;
  }

  .container .block-counter {
    padding: 0 var(--spacing-3xl, 24px);
    align-self: stretch;
    align-items: center;
  }

  .container .frame-33 {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .container .frame-32 {
    align-items: center;
  }

  .container .paragraph {
    justify-content: center;
  }

  .container ._100-000 {
    font-size: 64px;
    line-height: 140%;
  }

  .container2 {
    padding: var(--spacing-6xl, 48px) var(--spacing-3xl, 24px);
    flex-direction: column;
    gap: var(--spacing-8xl, 80px);
  }

  .container2 .frame-13 {
    flex-direction: column;
    gap: var(--spacing-4xl, 32px);
    align-items: center;
  }

  .container2 .video {
    height: 405px;
    align-self: stretch;
    aspect-ratio: 16 / 9;
    width: auto;
  }

  .container2 .card {
    flex-direction: row;
    height: 387px;
    align-items: stretch;
    overflow: hidden;
    gap: 0;
  }

  .container2 .card .text {
    flex: 1;
    overflow: hidden;
    padding-right: 0;
  }

  .container2 .scroll-bar {
    position: relative;
    right: auto;
    top: auto;
    width: 6px;
    height: auto;
    flex-shrink: 0;
    align-self: stretch;
    padding: 0;
    background: rgba(133, 147, 171, 0.12);
  }

  .container3 {
    padding: var(--spacing-6xl, 48px) var(--spacing-3xl, 24px);
  }

  .container3 .card2 {
    padding: var(--spacing-4xl, 32px);
  }

  .container3 .buy-block {
    flex-direction: column;
    gap: var(--spacing-7xl, 64px);
    align-items: center;
  }

  .container3 .container4 {
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    width: 348px;
    flex-shrink: 0;
  }

  .container3 .container5 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 16px);
    align-items: flex-start;
    align-self: stretch;
  }

  .container3 .div7 {
    font-size: 48px;
    line-height: 80px;
    text-align: center;
    align-self: stretch;
  }

  .container3 .container6 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
  }

  .container3 .button2 {
    padding: var(--spacing-md, 8px) 0;
    align-self: stretch;
    width: 100%;
  }

  .container8 {
    padding: var(--spacing-6xl, 48px) var(--spacing-3xl, 24px);
  }

  .container8 .image-9 {
    width: 240px;
    height: auto;
    right: -5px;
    top: 30px;
    left: auto;
    filter: drop-shadow(0px 3.15px 62.99px rgba(82, 134, 255, 0.4));
    z-index: 0;
  }

  .container8 .d-5-vquee-8776-dbe-9-6-c-31-463-f-9066-9-dee-365-c-1828-1 {
    width: 90px;
    height: 90px;
    left: 50px;
    top: 55px;
    filter: drop-shadow(0px 1.57px 31.5px rgba(82, 134, 255, 0.4));
    transform: none;
    translate: none;
    box-shadow: none;
  }

  .container8 .frame-132 {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xl, 16px);
    align-items: flex-start;
    align-self: stretch;
    z-index: 1;
  }

  .container8 ._01,
  .container8 ._02,
  .container8 ._03,
  .container8 ._04,
  .container8 ._05,
  .container8 ._06 {
    font-size: 28px;
    line-height: 1.2;
  }

  .container8 .frame-16,
  .container8 .frame-17,
  .container8 .frame-18,
  .container8 .frame-162,
  .container8 .frame-172,
  .container8 .frame-182 {
    padding: var(--spacing-xl, 16px);
    gap: var(--spacing-md, 8px);
  }

  .container9 {
    padding: var(--spacing-6xl, 48px) var(--spacing-3xl, 24px)
      var(--spacing-8xl, 80px) var(--spacing-3xl, 24px);
  }

  .container9 .buy-block {
    flex-direction: column;
    align-items: center;
    align-self: stretch;
  }

  .container9 .content3 {
    align-self: stretch;
    flex: none;
    gap: var(--spacing-3xl, 24px);
  }

  .container9 .cards {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-end;
    align-self: stretch;
    height: auto;
    overflow: visible;
  }

  .container9 .card3,
  .container9 .card5 {
    transform: none;
    height: 300px;
    align-self: auto;
  }

  .container9 .card4 {
    height: 300px;
    align-self: auto;
    margin-bottom: 24px;
  }

  .container9 .image {
    height: 200px;
    flex-shrink: 0;
    flex: none;
    align-self: stretch;
    overflow: hidden;
    background: #282933;
  }

  .container9 .image-3,
  .container9 .image-32,
  .container9 .image-33 {
    object-fit: contain;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: none;
  }

  .container9 .image-17 {
    width: 66px; height: 64px;
    right: auto; left: 142px; top: 80px;
    opacity: 0.6; filter: none;
    aspect-ratio: auto;
  }
  .container9 .image-14 {
    width: 110px; height: 106px;
    right: auto; left: -15px; top: 48px;
    opacity: 0.6; filter: blur(5px);
    aspect-ratio: auto;
  }
  .container9 .image-18 {
    width: 80px; height: 77px;
    right: 200px; left: auto; top: -14px;
    opacity: 0.23; filter: none;
    aspect-ratio: auto;
  }
  .container9 .image-11 {
    width: 90px; height: 87px;
    right: 5px; left: auto; top: -17px;
    opacity: 0.6; filter: blur(5px);
    aspect-ratio: auto;
  }
  .container9 .image-12 {
    width: 72px; height: 69px;
    right: -80px; left: auto; top: 320px;
    opacity: 0.6; filter: none;
    aspect-ratio: auto;
  }

  .container9 .image-13 {
    width: 90px; height: 87px;
    right: auto; left: calc(50% - 45px); top: 560px;
    opacity: 0.6; filter: blur(5px);
    aspect-ratio: auto;
  }

  .container9 .image-15 {
    width: 72px; height: 69px;
    right: -20px; left: auto; top: 550px;
    opacity: 0.2; filter: none;
    aspect-ratio: auto;
  }

  .container9 .image-16 {
    width: 80px; height: 77px;
    right: auto; left: 10px; top: 570px;
    opacity: 0.6; filter: blur(5px);
    aspect-ratio: auto;
  }

  .container10 {
    padding: 0 var(--spacing-5xl, 40px);
  }

  .footer-section .conteiner {
    padding: var(--spacing-5xl, 40px) 0;
  }

  .footer-section .content5 {
    flex-direction: column;
  }

  .footer-section .icons {
    justify-content: flex-end;
  }
}