@font-face {
  font-family: "Switzer-light";
  src: url("./assets/fonts/Switzer-Light.otf") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Switzer-regular";
  src: url("./assets/fonts/Switzer-Regular.otf") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Switzer-medium";
  src: url("./assets/fonts/Switzer-Medium.otf") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Switzer-semibold";
  src: url("./assets/fonts/Switzer-Semibold.otf") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Switzer-bold";
  src: url("./assets/fonts/Switzer-Bold.otf") format("woff");
  font-weight: 700;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}
.font-light {
  font-family: "Switzer-light";
}

.font-normal {
  font-family: "Switzer-regular", sans-serif;
}
.font-medium {
  font-family: "Switzer-medium", sans-serif;
}
.font-semibold {
  font-family: "Switzer-semibold", sans-serif;
}
.font-bold {
  font-family: "Switzer-bold", sans-serif;
}
.roboto {
  font-family: "Roboto", sans-serif;
}

.container {
  padding: 0 7%;
  margin: 0 auto;
  max-width: 100%;
}
@media (max-width: 576px) {
  .container {
    padding: 0 16px;
  }
  h1 br {
    display: none;
  }
  form input::placeholder{
    font-size: 14px;
  }
}
header {
  transition: 0.6s;
  z-index: 100;
}
header.scrolled {
  background-color: #190b31;
  background-color: #ffffff;
  padding: 28px 0;
}

@media (min-width: 1024px) and (max-width: 1282px) {
  .hero-img-xl {
    max-width: 500px;
  }
  .main-head1 {
    font-size: 54px;
    line-height: 68px;
  }
  .main-head2 {
    font-size: 36px;
    line-height: 46px;
  }
}

.register-btn-main{
  transition: 0.3s !important;
}

@media (min-width: 1500px) {
  .logo {
    width: 200px;
  }
  .banner {
    padding-top: 130px;
  }
  .main-head1 {
    font-size: 60px;
    line-height: 74px;
    max-width: 660px;
    text-shadow: 0 5px 10px #00000032;
  }
  /* .afm-img {
    width: 318px;
  } */
  .main-head2 {
    font-size: 40px;
    line-height: 50px;
    max-width: 600px;
  }
  .register-btn-main {
    font-size: 24px;
    padding: 13px 16px;
  }
  .hero-img-xl {
    max-width: 610px;
  }
}
@media (min-width: 1800px) {
  .logo {
    width: 220px;
  }
  .banner {
    padding-top: 180px;
  }
  .main-head1 {
    font-size: 74px;
    line-height: 88px;
    max-width: 840px;
  }
  /* .afm-img {
    width: 360px;
  } */
  .main-head2 {
    font-size: 54px;
    line-height: 64px;
    max-width: 700px;
  }
  .register-btn-main {
    font-size: 30px;
    padding: 16px 22px;
  }
  .hero-img-xl {
    max-width: 690px;
  }
  .led-area {
    justify-content: center;
  }
  form input {
    font-size: 18px;
    padding-block: 24px;
    padding-inline: 28px;
  }
  form button {
    padding-block: 23px;
  }
}
@media (min-width: 2100px) {
  .logo {
    width: 260px;
  }
  .banner {
    padding-top: 220px;
  }
  .main-head1 {
    font-size: 82px;
    line-height: 96px;
    max-width: 900px;
  }
  .afm-img {
    width: 420px;
  }
  .main-head2 {
    font-size: 58px;
    line-height: 68px;
  }
  .register-btn-main {
    font-size: 32px;
    padding: 18px 24px;
    margin-top: 48px;
  }
  .hero-img-xl {
    max-width: 820px;
  }
  .form-container {
    padding: 120px 200px 160px 200px;
  }
  form label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) {
  .logo {
    width: 280px;
  }
  .banner {
    padding-top: 240px;
  }
  .main-head1 {
    font-size: 86px;
    line-height: 100px;
    max-width: 960px;
  }
  /* .afm-img {
    width: 450px;
  } */
  .main-head2 {
    font-size: 62px;
    line-height: 72px;
  }
  .hero-img-xl {
    max-width: 880px;
  }
  .register-btn-main {
    padding: 20px 30px;
    margin-top: 48px;
  }
}

form label {
  font-family: "Switzer-regular", sans-serif;
}

[data-aos="fade-up"] {
  transform: translateY(20px);
}
[data-aos="fade-up"].aos-animate {
  transform: translateY(0);
}

.fade-up-banner[data-aos="fade-up"],
.limited-seats[data-aos="fade-up"] {
  opacity: 1 !important;
}

[data-aos="fade-right"] {
  transform: translateX(-20px);
  opacity: 1 !important;
}
[data-aos="fade-right"].aos-animate {
  transform: translateX(0);
}



/* Thanks screen */
.thanks-wrapper {
  box-shadow: 0 5px 14px #00000015;
}
@media(min-width: 1800px) {
  .thanks-wrapper {
    width: 880px;
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .thanks-wrapper img {
    width: 100px;
    height: 100px;
  }
  .thanks-wrapper h2 {
    font-size: 60px;
    line-height: 70px;
  }
  .thanks-wrapper p {
    font-size: 18px;
    line-height: 28px;
    max-width: 740px;
  }
}