* {
  padding: 0;
  margin: 0;
}
body {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 400;
}
.font62_30 {
  font-size: 1.875rem;
  font-size: clamp(1.875rem, 1.475rem + 2vw, 3.875rem);
}
.font20_18 {
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
}
.font42_26 {
  font-size: 1.625rem;
  font-size: clamp(1.625rem, 1.425rem + 1vw, 2.625rem);
}
.font34_26 {
  font-size: 1.625rem;
  font-size: clamp(1.625rem, 1.525rem + 0.5vw, 2.125rem);
}
.font22_20 {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.225rem + 0.125vw, 1.375rem);
}
.font24_20 {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
}
.intro_section {
  background: linear-gradient(131deg, #000416 0%, #082e37 100%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.advertise_card {
  border: 1px solid rgba(102, 210, 214, 0.56);
  background: linear-gradient(0deg, #06262e 0%, #06262e 100%),
    linear-gradient(131deg, #001119 3.13%, #0b3a40 137.67%), #000c0d;
}
.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  z-index: 2;
}
.popup img {
  width: 100%;
  height: auto;
  max-width: 600px;
}
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}
video::-webkit-media-controls {
  display: none !important;
}
video::-webkit-media-controls-panel {
  width: 100%;
}