.main-content {
  scroll-snap-type: y mandatory;
  position: relative;
  height: 100vh;
  height: 100dvh;
  overflow-y: scroll;
}

.concept {
  display: flex;
  position: relative;
  padding-top: 80px;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  scroll-snap-align: center;
  justify-items: center;
  align-items: center;
  justify-content: center;
}

.concept-auto {
  position: relative;
  height: auto;
  scroll-snap-align: start;
}

.concept-footer {
  position: relative;
  height: auto;
  overflow: hidden;
  scroll-snap-align: start;
}

.socket {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-x: clip;
  width: 75%;
  height: 45%;
  padding: 5% 2.5% 2.5% 2.5%;
}
.socket.socket2 {
  padding: 0.5% 2.5% 2.5% 2.5%;
}

@media (min-width: 768px) {
  .socket {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: clip;
    width: 50%;
    height: 50%;
    padding: 2.5%;
  }
}

/*# sourceMappingURL=main.css.map */