@font-face {
  font-family: "CenturyGothic";
  src: url("../fonts/century-gothic/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/century-gothic/CenturyGothic.woff") format("woff"), url("../fonts/century-gothic/CenturyGothic.ttf") format("truetype"), url("../fonts/century-gothic/CenturyGothic.svg#CenturyGothic") format("svg");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothic-Italic";
  src: url("../fonts/century-gothic/CenturyGothic-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/century-gothic/CenturyGothic-Italic.woff") format("woff"), url("../fonts/century-gothic/CenturyGothic-Italic.ttf") format("truetype"), url("../fonts/century-gothic/CenturyGothic-Italic.svg#CenturyGothic-Italic") format("svg");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothic-Bold";
  src: url("../fonts/century-gothic/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/century-gothic/CenturyGothic-Bold.woff") format("woff"), url("../fonts/century-gothic/CenturyGothic-Bold.ttf") format("truetype"), url("../fonts/century-gothic/CenturyGothic-Bold.svg#CenturyGothic-Bold") format("svg");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothic-BoldItalic";
  src: url("../fonts/century-gothic/CenturyGothic-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/century-gothic/CenturyGothic-BoldItalic.woff") format("woff"), url("../fonts/century-gothic/CenturyGothic-BoldItalic.ttf") format("truetype"), url("../fonts/century-gothic/CenturyGothic-BoldItalic.svg#CenturyGothic-BoldItalic") format("svg");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/AvenirNextLTPro-Bold.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/AvenirNextLTPro-Regular.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald-Regular.woff2") format("woff2"), url("../fonts/Oswald-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  font-size: 70%;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-Regular.woff2") format("woff2"), url("../../fonts/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-Medium.woff2") format("woff2"), url("../../fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../../fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.l-wly {
  font-family: "Poppins";
  font-weight: 400;
  color: #000000;
  background-color: #FFFFFF;
  min-height: 100svh;
  padding: clamp(15px, 1.36vw + 7.17px, 30px);
}
.l-wly p {
  font-family: "Poppins";
}
.l-wly h3, .l-wly h4 {
  font-family: "Poppins";
  font-weight: 600;
}
.l-wly h3 {
  font-size: clamp(21px, 0.27vw + 19.43px, 24px);
}
.l-wly h4 {
  font-size: clamp(21px, 0.27vw + 19.43px, 24px);
}
.l-wly--container {
  max-width: 1440px;
  margin: 0 auto;
}
.l-wly--logo {
  width: clamp(150px, 9.06vw + 97.83px, 250px);
  margin: 0 auto;
  max-width: 75%;
}
.l-wly--logo img {
  width: 100%;
}
.l-wly--banner {
  width: 100%;
  max-width: clamp(475px, 13.59vw + 396.74px, 625px);
  margin: 0 auto;
}
.l-wly--prebody {
  text-align: center;
}
.l-wly--prebody h3 {
  margin-bottom: clamp(20px, 0.91vw + 14.78px, 30px);
}
.l-wly--prebody img {
  filter: invert(1);
}
.l-wly--body {
  text-align: center;
  margin: 0 auto;
}
.l-wly--body p {
  font-size: clamp(16px, 0.18vw + 14.96px, 18px);
  line-height: 1.5;
}
.l-wly--body p strong {
  font-weight: 600;
}
.l-wly--body p small {
  font-size: 70%;
  display: inline-block;
  line-height: 1.3;
}
.l-wly--body p a {
  text-decoration: underline !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
}
.l-wly--body p a:hover {
  color: #FFFFFF !important;
}
.l-wly--body .post-image.center img {
  width: 100% !important;
  max-width: 350px !important;
  aspect-ratio: var(--aspect-ratio);
}
.l-wly--claim {
  text-align: center;
  line-height: 1;
  font-size: clamp(24px, 0.27vw + 22.43px, 27px);
  padding-bottom: clamp(30px, 1.36vw + 22.17px, 45px);
}
.l-wly--form {
  background-color: #FFFFFF;
  color: #000000;
  padding: clamp(25px, 1.81vw + 14.57px, 45px) clamp(15px, 1.36vw + 7.17px, 30px);
  border-radius: 0.5rem;
  max-width: clamp(625px, 13.59vw + 546.74px, 775px);
  margin: 0 auto;
}
.l-wly--form h3 {
  margin: 0;
}
.l-wly--form h4 {
  font-weight: 500;
  margin: clamp(10px, 0.45vw + 7.39px, 15px) 0 clamp(30px, 0.91vw + 24.78px, 40px);
}
.l-wly--form h4 a {
  font-weight: 600;
  text-decoration: underline !important;
}
.l-wly--form label, .l-wly--form label.col-form-label {
  font-family: "Poppins";
  font-weight: 600;
  letter-spacing: 0;
}
.l-wly--form .wycon-fan-register {
  display: none;
}
.l-wly--form .btn {
  width: 100%;
}

#login-modal .social-login {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 1rem;
}
#login-modal .social-login button {
  width: 100%;
}
#login-modal .social-login .social-login-hr {
  padding: 10px 0;
}
#login-modal .social-login .social-login-hr b {
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}