* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* outline: 1px solid #000000; */
  /* background-color: #27431d18; */
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
:root {
  /* colors */
  --BG-COLOR: #fff;
  --MAIN-COLOR: #a5a5a5;
  --BUTTON-COLOR: #a5a5a5;
  --HOVER-COLOR: #a5a5a58a;
  --SECONDARY-COLOR: #333;
  --P-COLOR: #707070;
  --WATERMARK-COLOR: #333;
  /* --SVG-COLOR: invert(82%) sepia(24%) saturate(3600%) hue-rotate(21deg) brightness(101%) contrast(101%);
  --SVG-COLOR-70: invert(82%) sepia(24%) saturate(3600%) hue-rotate(21deg) brightness(70%) contrast(101%);
  */
  /* font size */
  --H1-SIZE: 1.5rem;
  --H2-SIZE: 1.5rem;
  --P-SIZE: clamp(1rem, 2vw, 1.2rem);
  /* font weight */
  --H1-WEIGHT: 500;
  --H2-WEIGHT: 400;
  --P-WEIGHT: 300;
  /* margin */
  --H1-MARGIN: 0rem 0rem 1.6rem 0rem;
  --H2-MARGIN: 0rem 0rem 1rem 0rem;
  /* btn glow */
  --BORDER-GLOW: 0px 0px 5px var(--MAIN-COLOR);
  --TEXT-GLOW: 0px 0px 2px var(--MAIN-COLOR);
  --CONT-SHADOW: 5px 5px 20px #00000066;
  /* border */
  --CORNERS: 5px;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 4rem;
}

body {
  background-color: var(--BG-COLOR);
  max-width: 1400px;
  margin: 0 auto;
  overflow-x: hidden;
  font-family: "Poppins", "Segoe UI", "Helvetica Neue", sans-serif;
}
body button {
  cursor: pointer;
}
body .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vw;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  background-color: rgba(101, 101, 101, 0.3764705882);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 2;
}
body .backdrop.visible {
  opacity: 1;
}
body .wrapper {
  position: fixed;
  height: 100vh;
  width: 100vw;
  max-width: 1400px;
  pointer-events: none;
  z-index: 3;
}
body .wrapper .hamburger-box {
  cursor: pointer;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--P-COLOR);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: var(--CORNERS);
  -webkit-box-shadow: var(--CONT-SHADOW);
          box-shadow: var(--CONT-SHADOW);
  height: 2.5rem;
  width: 2.5rem;
  right: 1.5rem;
  top: 1.5rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  pointer-events: auto;
  z-index: 5;
}
body .wrapper .hamburger-box.visible {
  opacity: 1;
  visibility: visible;
}
body .wrapper .hamburger-box .hamburger-line {
  background-color: var(--MAIN-COLOR);
  width: 55%;
  height: 1.5px;
  margin: 0.16rem;
}
body .wrapper .hamburger-box .hamburger-line-mid.hidden {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
body .wrapper .hamburger-box .hamburger-line-top,
body .wrapper .hamburger-box .hamburger-line-bottom {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
body .wrapper .hamburger-box .hamburger-line-top {
  top: 13px;
}
body .wrapper .hamburger-box .hamburger-line-top.rotate {
  -webkit-transform: rotate(315deg) translateX(-5.5px) translateY(5px);
          transform: rotate(315deg) translateX(-5.5px) translateY(5px);
}
body .wrapper .hamburger-box .hamburger-line-bottom {
  top: 26px;
}
body .wrapper .hamburger-box .hamburger-line-bottom.rotate {
  -webkit-transform: rotate(405deg) translateX(-5px) translateY(-4px);
          transform: rotate(405deg) translateX(-5px) translateY(-4px);
}
body .wrapper .up-arrow-box {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: absolute;
  color: var(--P-COLOR);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: var(--CORNERS);
  -webkit-box-shadow: var(--CONT-SHADOW);
          box-shadow: var(--CONT-SHADOW);
  position: absolute;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0.5rem 0.3rem;
  bottom: 1.5rem;
  right: 1.5rem;
  pointer-events: auto;
  z-index: 5;
}
body .wrapper .up-arrow-box .up-arrow {
  -webkit-filter: invert(65%);
          filter: invert(65%);
  -webkit-animation: bounce 5s infinite;
          animation: bounce 5s infinite;
}
body .wrapper .aside-nav {
  position: absolute;
  top: 0;
  right: calc(100vw + 10rem);
  height: 20rem;
  width: 10rem;
  border-radius: var(--CORNERS);
  padding: 5.5rem 4rem 0rem 1rem;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.3019607843);
  -webkit-box-shadow: var(--CONT-SHADOW);
          box-shadow: var(--CONT-SHADOW);
  z-index: 4;
}
body .wrapper .aside-nav.visible2 {
  pointer-events: auto;
  right: 0;
}
body .wrapper .aside-nav .nav-list .a-list-item {
  text-decoration: none;
  color: var(--P-COLOR);
}
body .wrapper .aside-nav .nav-list .nav-list-items {
  cursor: pointer;
  position: relative;
  font-size: 1.1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  padding-bottom: 0.2rem;
  margin-bottom: 0.5rem;
  border: none;
  list-style: none;
}
body .wrapper .aside-nav .nav-list .nav-list-items::before {
  content: "";
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #000000;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
body .wrapper .aside-nav .nav-list .nav-list-items:hover {
  color: #000000;
}
body .wrapper .aside-nav .nav-list .nav-list-items:hover::before {
  width: 100%;
}
body .banner-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .banner-container .nav-header {
  position: absolute;
  color: #000000;
  font-size: 2.5rem;
  font-weight: var(--P-WEIGHT);
  z-index: 1;
}
body .banner-container .banner {
  width: 100%;
  height: auto;
  aspect-ratio: 1440/353;
  -o-object-fit: cover;
     object-fit: cover;
}
body .cta {
  color: var(--P-COLOR);
  position: fixed;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
  padding: 0 1rem;
  font-size: large;
  top: 1.5rem;
  z-index: 3;
  opacity: 0;
  border: none;
  border-radius: var(--CORNERS);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.3019607843);
  z-index: 4;
  -webkit-box-shadow: var(--CONT-SHADOW);
          box-shadow: var(--CONT-SHADOW);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body .cta::before {
  content: "";
  position: absolute;
  bottom: 0.7rem;
  left: 10%;
  width: 0%;
  height: 1px;
  background-color: #000000;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body .cta:hover {
  color: #000000;
}
body .cta:hover::before {
  width: 81%;
}
body .cta.show {
  display: block;
  opacity: 1;
}
body nav {
  background-color: var(--BG-COLOR);
}
body nav .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0rem;
  margin-top: 1rem;
}
body nav .button-container .cta-nav {
  position: relative;
  font-size: 1.1rem;
  background-color: rgba(51, 51, 51, 0);
  color: var(--P-COLOR);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  border: none;
}
body nav .button-container .cta-nav:hover {
  color: #000000;
}
body nav .button-container .cta-nav::before {
  content: "";
  position: absolute;
  bottom: 0.3rem;
  left: 0.5rem;
  width: 0%;
  height: 1px;
  background-color: #000000;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
body nav .button-container .cta-nav:hover::before {
  width: 82%;
}
body .section1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem;
  background: var(--BG-COLOR);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
body .section1 .slogan {
  text-align: center;
  font-size: 3rem;
  font-weight: 300;
  text-transform: capitalize;
  margin: 1rem auto;
}
body .section1 h1 {
  text-align: center;
  font-weight: 500;
  margin: 2rem auto;
}
body .section2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50rem;
}
body .section2 .img-container-s2 {
  position: relative;
  height: 35rem;
  width: 100vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
body .section2 .img-container-s2 .typewriter-s2 {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  height: auto;
  width: 1400px;
}
body .section2 .aside-s2 {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.3019607843);
  border-radius: var(--CORNERS);
  -webkit-box-shadow: var(--CONT-SHADOW);
          box-shadow: var(--CONT-SHADOW);
  top: -2.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 43rem;
  width: 90vw;
  max-width: 40rem;
  padding: 1.7rem;
  z-index: 1;
}
body .section2 .aside-s2:hover {
  background-color: rgba(239, 239, 239, 0.4117647059);
}
body .section2 .aside-s2 .ul-s2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 7rem 0rem;
  margin: 0 auto;
}
body .section2 .aside-s2 .ul-s2 li {
  font-size: large;
  font-weight: 500;
}
body .whitespace2-3 {
  height: 10rem;
  background-color: var(--BG-COLOR);
}
body .section3 {
  position: relative;
  background-color: var(--BG-COLOR);
}
body .section3 .img-container-s3 {
  position: relative;
  height: 85rem;
  -webkit-clip-path: polygon(68% 16%, 100% 0, 100% 30%, 100% 84%, 85% 72%, 73% 61%, 24% 54%, 10% 25%);
          clip-path: polygon(68% 16%, 100% 0, 100% 30%, 100% 84%, 85% 72%, 73% 61%, 24% 54%, 10% 25%);
  overflow: hidden;
}
body .section3 .img-container-s3 .typewriter-s3 {
  position: fixed;
  top: 0rem;
  margin-top: -20rem;
  z-index: -1;
  -webkit-filter: opacity(50%);
          filter: opacity(50%);
}
body .section3 .aside-s3 {
  position: absolute;
  top: -18rem;
  right: 10%;
  width: 50%;
  z-index: 1;
}
body .section3 .aside-s3 .h2-s3 {
  text-align: center;
  width: auto;
}
body .section3 .aside-s3 .p-s3 {
  text-align: center;
  width: auto;
}
body .whitespace3-4 {
  height: 1rem;
  background-color: var(--BG-COLOR);
}
body .section4 {
  position: relative;
  background-color: var(--BG-COLOR);
}
body .section4 .img-container-s4 {
  position: relative;
  height: 85rem;
  -webkit-clip-path: polygon(30% 0%, 65% 15%, 58% 36%, 100% 55%, 79% 87%, 26% 99%, 0 86%, 0 9%);
          clip-path: polygon(30% 0%, 65% 15%, 58% 36%, 100% 55%, 79% 87%, 26% 99%, 0 86%, 0 9%);
  overflow: clip;
}
body .section4 .img-container-s4 .typewriter-s4 {
  position: fixed;
  top: 0rem;
  margin-top: -20rem;
  z-index: -1;
  -webkit-filter: opacity(50%);
          filter: opacity(50%);
}
body .section4 .aside-s4 {
  position: absolute;
  left: 10%;
  top: -45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  width: 50%;
  z-index: 2;
}
body .section4 .aside-s4 .h2-s4 {
  width: auto;
}
body .section4 .aside-s4 .p-s4 {
  text-align: center;
  width: auto;
}
body .whitespace4-5 {
  height: 13rem;
  background-color: var(--BG-COLOR);
}
body .section5 {
  position: relative;
  background-color: var(--BG-COLOR);
  height: 74rem;
}
body .section5 .img-container-s5 {
  position: relative;
  height: 85rem;
  -webkit-clip-path: polygon(34% 0, 75% 11%, 83% 5%, 100% 16%, 98% 54%, 88% 68%, 49% 66%, 19% 71%, 0 51%, 12% 10%);
          clip-path: polygon(34% 0, 75% 11%, 83% 5%, 100% 16%, 98% 54%, 88% 68%, 49% 66%, 19% 71%, 0 51%, 12% 10%);
  overflow: hidden;
}
body .section5 .img-container-s5 .typewriter-s5 {
  position: fixed;
  top: 0rem;
  z-index: -1;
  -webkit-filter: opacity(50%);
          filter: opacity(50%);
}
body .section5 .resources-s5 {
  position: absolute;
  top: -26rem;
  width: 100%;
  max-width: 1400px;
}
body .section5 .resources-s5 .h3-s5-container {
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0rem auto;
}
body .section5 .resources-s5 .h3-s5-container .h3-s5 {
  margin-bottom: 4rem;
}
body .section5 .resources-s5 .logos-p-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding: 1rem;
}
body .section5 .resources-s5 .logos-p-container .logos-s5 {
  cursor: pointer;
  justify-self: center;
}
body .section5 .resources-s5 .logos-p-container #jnf {
  aspect-ratio: 1/1.67;
}
body .section5 .resources-s5 .logos-p-container #skidsport {
  aspect-ratio: 1/1.55;
}
body .section5 .resources-s5 .logos-p-container .p-logos-s5 {
  text-align: center;
  margin: 1rem 1rem;
  max-width: 30rem;
}
body .whitespace5-6 {
  height: 0rem;
}
body .section6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--BG-COLOR);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
body .section6 .berghs {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 1rem auto;
}
body .section6 .img-container-s6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 2rem;
}
body .section6 .img-container-s6 .copy-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 2rem auto 3rem auto;
}
body .section6 .img-container-s6 .copy-container .img-copy-modal {
  display: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  border: none;
  -webkit-box-shadow: var(--CONT-SHADOW);
          box-shadow: var(--CONT-SHADOW);
  z-index: 4;
  opacity: 0;
  -webkit-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}
body .section6 .img-container-s6 .copy-container .img-copy-modal .modal-img {
  width: 90vw;
  max-width: 40rem;
  height: auto;
}
body .section6 .img-container-s6 .copy-container .img-copy-modal[open] {
  pointer-events: auto;
}
body .section6 .img-container-s6 .copy-container .img-copywriting {
  max-height: 320px;
  max-width: 222px;
  margin: 1rem auto;
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
body .section6 .img-container-s6 .copy-container .img-copywriting:hover {
  cursor: pointer;
  -webkit-transform: scale(1.17);
          transform: scale(1.17);
  -webkit-box-shadow: var(--CONT-SHADOW);
          box-shadow: var(--CONT-SHADOW);
}
body .section6 .img-container-s6 .copy-container #digitalCopy, body .section6 .img-container-s6 .copy-container #gdux {
  margin-bottom: 0;
}
body .section6 .img-container-s6 .copy-container .copy-p {
  text-align: center;
  max-width: 30rem;
  margin: 1rem;
}
body .section7 {
  height: 30rem;
  margin: 0 0 20rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .section7 .messageDialog {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 25rem;
  width: 90vw;
  max-width: 35rem;
  margin: 0 auto;
  border: none;
  border-radius: 15px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  -webkit-box-shadow: 5px 5px 15px #716e6e;
          box-shadow: 5px 5px 15px #716e6e;
}
body .section7 .messageDialog #dialogContent {
  color: #000000;
}
body .section7 .h2-s7 {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 6rem auto;
}
body .section7 .form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100vw;
}
body .section7 .form-container .form {
  background-color: #fff;
  position: relative;
}
body .section7 .form-container .form .input-field {
  position: relative;
  width: 70vw;
  max-width: 30rem;
  height: 1.5rem;
  border: none;
  border-width: 0;
  border-radius: 0;
  border-bottom: 0.9px solid #000000;
  margin-bottom: 1.5rem;
  padding-bottom: 0.3rem;
  outline: none;
  resize: none;
  z-index: 0;
}
body .section7 .form-container .form .input-field:focus {
  border-bottom: 1.4px solid #000000;
  -webkit-animation: linegrow 0.6s;
          animation: linegrow 0.6s;
}
body .section7 .form-container .form .input-label {
  position: absolute;
  left: 0rem;
  top: 0.4rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  pointer-events: none;
  font-weight: 100;
  font-size: 0.8rem;
  color: var(--P-COLOR);
}
body .section7 .form-container .form .message {
  font-family: poppins, sans-serif;
  margin-top: 0.4rem;
  overflow: hidden;
}
body .section7 .form-container .form .input-field:hover + .input-label,
body .section7 .form-container .form .active-label {
  -webkit-transform: translateY(1.3rem) translateX(0.23rem) scale(1.2);
          transform: translateY(1.3rem) translateX(0.23rem) scale(1.2);
  color: #000000;
}
body .section7 .form-container .form .input-label-message {
  position: absolute;
  left: 0rem;
  top: 7.06rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  pointer-events: none;
  font-weight: 100;
  font-size: 0.8rem;
  color: var(--P-COLOR);
}
body .section7 .form-container .form .input-field-message:hover + .input-label-message, body .section7 .form-container .form .active-label-message {
  -webkit-transform: translateY(1.3rem) translateX(0.5rem) scale(1.2);
          transform: translateY(1.3rem) translateX(0.5rem) scale(1.2);
  color: #000000;
}
body .section7 .form-container .form .input-label-email {
  top: 3.7rem;
}
body .section7 .form-container .form .submit-button {
  background: rgba(255, 255, 255, 0);
  color: var(--P-COLOR);
  margin: 0.3rem auto;
  position: relative;
  font-size: 1.1rem;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  padding-bottom: 0.2rem;
  border: none;
}
body .section7 .form-container .form .submit-button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 0%;
  height: 1px;
  background-color: #000000;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
body .section7 .form-container .form .submit-button:hover {
  color: #000000;
}
body .section7 .form-container .form .submit-button:hover::before {
  width: 100%;
}
body footer {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #333;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100vw;
  padding: 3.8rem;
  left: 0;
}
body footer .gk-siteicon {
  height: auto;
  width: 10rem;
}
body footer .copyright {
  height: 1.1rem;
  margin-top: 3.1rem;
  color: var(--MAIN-COLOR);
}
@media only screen and (min-width: 501px) {
  body nav .button-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  body .section1 {
    height: 35rem;
  }
  body .section2 .aside-s2 {
    margin-left: 5rem;
    margin: 0 auto;
  }
  body .whitespace2-3 {
    height: 2rem;
  }
  body .section3 .aside-s3 {
    top: -10rem;
  }
  body .whitespace3-4 {
    height: 0;
  }
  body .section4 .aside-s4 {
    top: -33rem;
  }
  body .section5 .recources-s5 {
    background-color: #000000;
  }
  body .section5 .recources-s5 .resources-s5-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  body .section6 .berghs {
    margin-bottom: 6rem;
  }
  body .section6 .img-container-s6 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    gap: 2rem;
    justify-items: center;
    overflow-x: hidden;
  }
  body .section6 .img-container-s6 .copy-container {
    max-width: 100%;
  }
  body .section6 .img-container-s6 .copy-container #copyStart:hover {
    -webkit-transform: scale(1.17) translateX(7%);
            transform: scale(1.17) translateX(7%);
  }
  body .section6 .img-container-s6 .copy-container #digitalCopy:hover {
    -webkit-transform: scale(1.17) translateX(-7%);
            transform: scale(1.17) translateX(-7%);
  }
  body .section6 .img-container-s6 .copy-container .copy-p {
    text-align: center;
    width: inherit;
    max-width: 30rem;
    margin: 3rem 1rem;
  }
}

@media only screen and (min-width: 900px) {
  body .cta-nav {
    margin-top: 6rem;
  }
  body .section2 .aside-s2 {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    margin: 0 50% 0 5rem;
  }
  body .whitespace2-3 {
    height: 8rem;
  }
  body .whitespace3-4 {
    height: 0rem;
  }
  body .section4 {
    margin-top: -9rem;
  }
  body .section4 .aside-s4 {
    top: -25rem;
  }
  body .whitespace4-5 {
    height: 25rem;
  }
  body .whitespace5-6 {
    height: 15rem;
  }
  body .section5 .resources-s5 {
    margin-top: -6rem;
  }
  body .whitespace5-6 {
    height: 10rem;
  }
  body .section6 .img-container-s6 .copy-container {
    max-width: 30rem;
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  83% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  86% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  89% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  92% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  95% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  98% {
    -webkit-transform: translateY(-1.5px);
            transform: translateY(-1.5px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  83% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  86% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  89% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  92% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  95% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  98% {
    -webkit-transform: translateY(-1.5px);
            transform: translateY(-1.5px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes linegrow {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes linegrow {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}/*# sourceMappingURL=main.css.map */