.main-content .content {
  position: relative;
  z-index: 2;
  
}

.content{
  overflow: hidden !important;
}

.background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.background video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.heading-section {
  max-width: 929.117px;
}
.heading-section .title {
  margin-bottom: 10px !important;

  margin-top: 0px !important;
  padding: 0px !important;
  text-transform: capitalize !important;
  text-align: start !important;

  background: var(
    --text-gradient,
    linear-gradient(143deg, #fff 18.17%, rgba(255, 255, 255, 0) 152.61%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.heading-section .subtitle {

  margin: 0px;
  

  background: var(
    --text-gradient,
    linear-gradient(143deg, #fff 18.17%, rgba(255, 255, 255, 0) 152.61%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.login-form-wrapper {
  max-width: 508px;
  float: right;
}

.footer-text {
  text-align: center;
  font-family: Raleway;
  font-size: clamp(1rem, 0.667rem + 0.926vw, 1.5rem);
  font-style: normal;
  font-weight: 400;
  margin-top: var(--form-footer-spacing, clamp(1rem, 0.333rem + 1.852vw, 2rem));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
  background: var(
    --text-gradient,
    linear-gradient(143deg, #fff 18.17%, rgba(255, 255, 255, 0) 152.61%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 1200px) {
  .login-form-wrapper {
    margin: unset;
    margin-top: 60px;
    float: unset;
    width: 100%;
    max-width: unset;
  }
}

@media screen and (min-width: 768px) {
  .main-row {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 991px) {
  .login-form-wrapper {
    margin-top: 32px;
  }
}

@media screen and (max-width: 768px) {
  .login-form-wrapper {
    margin-top: 28px;
  }

  .content {
    height: auto !important;
  }
}

.container {
  width: 100%;
  padding: 0px;
}

@media screen and (min-width: 1440px) {
  .heading-section {
    transform: translateX(-4vw);
  }
}

/* login page old css
 */

input {
  font-weight: normal !important;
}

input::placeholder {
  font-weight: normal !important;
}

.login-btn {
  margin-top: 20px !important;
  width: 200px;
}

.mainbgimg {
  background: linear-gradient(180deg, #16171c 0%, #000 78.51%);
  margin: 0px;
  height: 100svh;
  overflow-y: auto;
  padding: 0px;
  scrollbar-width: 0px;
}

.mainbgimg::-webkit-scrollbar {
  width: 0px;
}

.content {
  margin: auto;
  position: relative;
  /* height: 100%; */
  /* height: auto; */
  display: flex;
  align-items: center;
  padding-top: 183px;
  padding-bottom: 4.25531914893617vh;
  padding-inline: clamp(1.25rem, -0.417rem + 4.63vw, 3.75rem);
}



@media screen and (min-width: 1501px) {
  .content {
    align-items: flex-end !important;
    padding-top: 314px;
  }
}

.member-login-btn {
  margin-top: clamp(0.875rem, 0.458rem + 1.157vw, 1.5rem);
}

.form-card {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  pointer-events: none;
}

.form-card.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.footer-text {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  pointer-events: none;
}
.footer-text.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media screen and (max-width: 768px) {
}

@media (max-width: 600px) {
  .landing-div-info {
    position: relative;
    top: 200px;
    z-index: 999;
  }

  /* #login-form-parent{
      position: relative;
      top: 0px;
      z-index: 999999999;

    } */
}

/* @media screen and (min-width: 768px) {
      #login-form-parent {
        width: 100% !important;
        min-width: 508px;
      }
    } */

@media screen and (max-width: 1024px) {
  .content {
    padding-top: 183px;
    padding-bottom: 80px;
    padding-inline: clamp(0.313rem, -1.146rem + 4.051vw, 2.5rem);
    height: auto;
  }

  .main-row {
    flex-direction: column;
    max-width: 523px;
    margin: auto;
  }

  #login-form-parent {
    width: 100% !important;
    float: unset;
  }

  #landing-info {
    width: 100% !important;
    float: unset;
  }

  .form-card {
    margin-top: clamp(2.5rem, -1.25rem + 10.417vw, 8.125rem);
  }
}

.error-msg {
  padding-top: 15px;
  color: #de1d1d;
  opacity: 0;
  width: 100%;
  text-align: center;
  font-family: Raleway;
}

#forgot-password-form-new .event-view-title {
  border-radius: 24px !important;
  text-transform: capitalize;
  background-color: #fff;

  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: -webkit-fill-available;
  padding: 32px;


  color: var(--text-primary, #1c252e) !important;
  font-family: Raleway;
  font-size: clamp(
    1.5rem,
    1.1666666666666667rem + 0.9259259259259258vw,
    2rem
  ) !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 122% !important;

  letter-spacing: var(--h5-letter-spacing, 0px);
  margin-bottom: var(--form-title-spacing, 12px) !important;
  margin-top: 0px !important;
}



#forgot-password-form-new .modal-content {
  border-radius: 24px;
  overflow: hidden;
}
#forgot-password-form-new .modal-content .modal-header {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
#forgot-password-form-new .modal-content .modal-body{
  padding: clamp(2rem, 1.125rem + 2.431vw, 3.313rem)
  clamp(1.5rem, 0.708rem + 2.199vw, 2.688rem) !important;
  padding-top: 74px !important;
}




.login-fail-bootbox .login-fail-title {
  border-radius: 24px !important;
  text-transform: capitalize;
  background-color: #fff;

  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: -webkit-fill-available;
  padding: clamp(2rem, 1.125rem + 2.431vw, 3.313rem);


  color: var(--text-primary, #1c252e) !important;
  font-family: Raleway;
  font-size: clamp(
    1.5rem,
    1.1666666666666667rem + 0.9259259259259258vw,
    2rem
  ) !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 122% !important;

  letter-spacing: var(--h5-letter-spacing, 0px);
  margin-bottom: var(--form-title-spacing, 12px) !important;
  margin-top: 0px !important;
}

.login-fail-bootbox .modal-content {
  border-radius: 24px;
  overflow: hidden;
}
.login-fail-bootbox .modal-content .modal-header {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.login-fail-bootbox .modal-content .modal-body{
  padding: clamp(2rem, 1.125rem + 2.431vw, 3.313rem)
  clamp(1.5rem, 0.708rem + 2.199vw, 2.688rem) !important;
  padding-top: calc(clamp(2rem, 1.125rem + 2.431vw, 3.313rem) + 40px)  !important;
  padding-bottom: 0px !important;
}

.login-fail-bootbox .modal-content .modal-body .login-fail-message {
  text-align: center;
  color: #1c252e;
    font-family: Raleway;
    font-size: clamp(1rem, 0.9166666666666666rem + 0.23148148148148145vw, 1.125rem) !important;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: var(--body2-letter-spacing, 0px);
    margin-bottom: var(--form-subtitle-spacing, 40px);
}

.login-fail-bootbox .modal-content .modal-footer  .dont-remember-me {
  margin-bottom: 12px;
  text-decoration: none;
}

.login-fail-bootbox .modal-content .modal-footer {
  border: none !important;
  padding:  clamp(2rem, 1.125rem + 2.431vw, 3.313rem) clamp(1.5rem, 0.708rem + 2.199vw, 2.688rem);
  padding-top: 0px;
  justify-content: center;
}

.invalid-login{
  color: red;
  padding: 10px;
  font-family: Raleway;
}

#invalid-login-modal{
  display: none;
    color: red;
    padding: 5px;
    text-align: center;
    margin: 5px;

}