html,
body { display: flex;
  flex-direction: column;
 
  font-size: 1rem;
  width: 100%;
  min-height: 100dvh;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; }

body {
  height: auto;
  min-height: 100dvh;
  background: linear-gradient(180deg, black 0%, #262435 100%); }

a {
  color: #94100e;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  text-decoration: none; }
  a:hover {
    text-decoration: none;
    color: white; }

.intro {
  margin-bottom: 2rem; }
  .intro .section-logo {
    height: 5rem;
    margin: 2rem 0; }
    @media screen and (max-width: 768px) {
      .intro .section-logo {
        height: 5rem; } }
    .intro .section-logo .logo {
      width: 100%;
      height: 100%;
      align-items: center;
      object-fit: contain; }
  .intro .section-heading {
    font-size: 1.5rem;
    color: white;
    font-weight: 500;
    text-align: center;
    margin: 1rem; }
    @media screen and (max-width: 768px) {
      .intro .section-heading {
        font-size: 1.5rem; } }
  .intro .text-light {
    text-align: center;
    color: white;
    font-size: 1.25rem; }
    @media screen and (max-width: 768px) {
      .intro .text-light {
        font-size: 1rem; } }
  @media screen and (max-width: 768px) {
    .intro .card-body {
      margin: 0 1rem; } }
  .intro .card-body .text-description {
    text-align: center;
    color: white;
    font-size: 1rem;
    margin: 2rem; }
    @media screen and (max-width: 768px) {
      .intro .card-body .text-description {
        font-size: 0.875rem;
        margin: 1rem; } }
  .intro .card-body form {
    background-color: #ffffff17;
    max-width: 50rem;
    margin: auto;
    border-radius: 12px;
       padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    @media screen and (max-width: 768px) {
      .intro .card-body form {
        padding: 1rem;
        max-width: unset;
        gap: 1rem; } }
    .intro .card-body form .error-Wrapper {
      text-align: center;
      font-size: 0.875rem;
      color: red; }
      .intro .card-body form .error-Wrapper p {
        margin-bottom: 0; }
    .intro .card-body form .row::before, .intro .card-body form .row::after {
      display: none; }
    @media screen and (max-width: 991px) {
      .intro .card-body form .row {
        display: flex;
        flex-direction: column;
        gap: 1rem; } }
    .intro .card-body form .row .label {
      font-size: 0.875rem;
      color: white;
      font-weight: 400;
      padding: 0; }
    .intro .card-body form .row .form-outline .form-control {
      height: 48px;
      border: 1px solid black; }
      .intro .card-body form .row .form-outline .form-control:focus {
        outline: 0;
        box-shadow: unset; }
    .intro .card-body form .row .form-outline label.error {
      font-size: 0.75rem;
      color: red;
      font-weight: 400;
      position: absolute;
      bottom: -1.5rem; }
    .intro .card-body form .btn-wrapper {
      margin-top: 0.5rem; }
      .intro .card-body form .btn-wrapper .btn {
        background-color: #000000;
        border: #000000;
        outline: unset;
        outline-offset: unset;
        box-shadow: unset !important;
        transition: all 0.3s ease-in-out;
        font-size: 1rem;
        min-width: 10rem; }
        .intro .card-body form .btn-wrapper .btn:hover {
          background-color: #fff;
          color: #000 }
        .intro .card-body form .btn-wrapper .btn:focus {
          outline: unset;
          outline-offset: unset; }

.page-footer {margin-top: auto;
  position: sticky;
  bottom: 0;
  padding: 0.5rem;
  text-align: center;
  color: white;
  background-color: #262435; }
  .page-footer .small-print p {
    font-size: 0.75rem;
    margin: 0; }

.msgWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem; }
  @media screen and (max-width: 768px) {
    .msgWrapper {
      flex-direction: column; } }
  .msgWrapper .icon {
    display: flex;
    width: 2rem;
    height: 2rem; }
    .msgWrapper .icon svg {
      display: flex;
      width: 100%;
      height: 100%; }
  .msgWrapper span {
    font-size: 1.25rem; }

    .coming_soon{
    text-transform: uppercase;
    text-align: center;
    font-size: 3.5rem;
    color: white;
    font-weight: 200;
    margin: 3rem 0 3rem;
      @media screen and (max-width: 768px) {
         font-size: 2.5rem;
      }
    }

/*# sourceMappingURL=main.css.map */