/* Global base — ported from HeraSort (public/assets/styles/global.css).
   The @font-face declarations live in /assets/fonts/stylesheet.css.
   The 1vw root font-size is the responsive engine: every rem in the
   design scales with the viewport (desktop base 1600px, mobile base 375px). */

html {
  font-size: 1vw;
}

@media screen and (max-width: 639px) {
  html {
    font-size: 4.266667vw;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #13355a;
  color: #ffffff;
  font-family: "SVN-Aptima", Arial, sans-serif;
  overflow-x: hidden;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
select {
  font: inherit;
}

button {
  border: 0;
  cursor: pointer;
}

.is_mb {
  display: none !important;
}

@media (max-width: 639.98px) {
  .is_mb {
    display: block !important;
  }
  .is_pc {
    display: none !important;
  }
}

.button-navigation {
  pointer-events: all;
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 1.125rem;
  border: 1px solid #a1dcf4;
  transition: all ease 0.3s;
  padding: 0;
  background: #a1dcf4;
  color: #fff;
}

@media (min-width: 640px) {
  .button-navigation:hover {
    opacity: 0.8;
  }
}
.button-navigation.swiper-button-disabled {
  color: #a1dcf4;
  background: transparent;
  opacity: 0.5;
  pointer-events: none;
}

.button-navigation svg {
  height: 0.875rem;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}