body {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
  overflow-y: auto !important;
}

#root {
  height: 100% !important;
}

.ns-container {
  height: 100vh;
  margin: 0 !important;
  overflow: hidden !important;
}

.ns-fixed-element {
  position: fixed !important;
  will-change: top;
}

.ns-horizontal-section {
  overflow-x: hidden !important;
  width: 100% !important;
  height: 100% !important;
  position: relative;
}

.ns-horizontal-section {
  &__animation-wrap,
  &__pin-wrap {
    display: flex;
    align-items: center;
    position: relative !important;
    height: 100vh !important;
  }
  &__item {
    padding: 200px 100px;
    width: 50vw;
    height: calc(100vh - 400px);
    display: flex;
    align-items: center;
  }
}

.ns-gelly-element {
  display: flex;
  will-change: transform !important;
}

.ns-parallax-image {
  margin: 0;
  padding: 0;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
  position: relative !important;

  &__inner {
    object-fit: cover !important;
    will-change: transform !important;
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
  }
}

.ns-sequence-section {
  position: relative;
  height: 100vh !important;

  &__canvas {
    max-width: 100vw !important;
    max-height: 100vh !important;
    vertical-align: middle !important;
  }
}