
@media (max-width: 992px) {
  body {
    overflow-x: hidden;
  }

  canvas {
    width: 100%;
  }

  .hit {
    width: 100%;
  }
  
  .left-header, .pages {
    display: none;
  }

  .suggestion {
    margin-top: 10px;
  }

  .right-description {
    display: none;
  }

  .left-description {
    margin-left: -150px;
  }

  .financial-topic {
    font-size: 51px;
    letter-spacing: -2.07px;
    line-height: 53.99px;
    width: 358.4px;
  }

  .financial-description {
    width: 340px;
    line-height: 28px;
    letter-spacing: 0.2px;
  }

  .email-space {
    display: none;
  }

  .start-button {
    left: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
  }

  .company-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin-top: 0px;
    gap: 20px;
    justify-items: center;
  }

  .company-logo {
    width: 100px;
  }

  .services-part {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }

  .services-layout {
    margin: 0;
    margin-left: 30px;
  }

  .services-body {
    font-size: 48px;
    width: 350px;
    line-height: 56px;
    letter-spacing: -0.96px;
  }

  .services-description {
    width: 326px;
  }

  .services-bio {
    width: 320px;
    line-height: 24px;
  }

  video {
    width: 100%;
  }

  .rate-flex {
    margin-top: -150px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
  }

  .services-layout {
    margin-top: 40px;
  }

  .services-body {
    width: 360px;
  }

  .maersk-logo {
    display: none;
  }

  .p-and-c {
    margin-left: 20px;
  }

  .partnerships-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin-top: 60px;
    margin-bottom: 80px;
  }

  .procedure-flex {
    margin-top: -120px;
  }

  .procedure-flex, .procedure-subflex {
    display: flex;
    flex-direction: column;
  }

  .services-procedure {
    width: 355px;
  }

  .procedure-grid {
    margin-left: 10px;
    width: 360px;
  }

  .for-developers {
    display: flex;
    flex-direction: column;
  }

  .nodejs-picture {
    width: 370px;
    margin-left: 8px;
    margin-top: 45px;
  }

  .cards-grid {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    gap: 40px;
  }

  .custom-shape-divider-top-1732722153 {
    display: none;
  }

  .ready-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .ready-subflex {
    margin-top: -150px;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
  }

  .ready-subtext {
    text-align: center;
  }

  .ready-faq-flex {
    display: flex;
    flex-direction: column;
    gap: 70px;
    margin-bottom: -160px;
  }
}
