@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
body{
    background: #000;font-family:"Sora", sans-serif;
    color: #fff;
}
.fl-wrapper{
    z-index: 99999;
}
.iti__country{
    color: #000;
}
/* .MainBodyContent:after{
    content: url('../img/thumb.png');
    display: block;

    position: absolute;
    inset: 0;
    margin: auto;
    z-index: -1;
    } */
  .Welcomepagebg{
    background-size: 100%;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
}
.Welcomepagebg:after{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    z-index: 6;
    background-size: 130%;
    background-repeat: no-repeat;
    background-position: center;
    
    /* opacity: 0.8; */
    /* filter: blur(107px); */
}
.Header{
    padding-top: 20px;
    padding-bottom: 10px;
}
.LogoWrapper{
    max-width:200px;
}
.Bodywrapper{
    padding-top:80px;
    padding-bottom:80px;
    /* min-height:calc(100vh - 94px); */
    min-height: calc(100vh - 66px);
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.MainBodyContent{
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
}
.MainBodyContent h1{
    font-size:54px;
    font-weight:700;
    margin-bottom:30px;
}
.Footer{
    padding-top:8px;
    padding-bottom:8px;
    text-align:center;
}
.BtnSubmit{
    --bs-btn-padding-x: 24px;
    --bs-btn-padding-y: 12px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #0137dc;
    --bs-btn-border-color: #0137dc;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0137dc;
    --bs-btn-disabled-border-color: #0137dc;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    border-radius:4px;
}
.btnWelc.BtnSubmit{
   --bs-btn-color: #0137dc;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000; 
}
.copyright{
    font-size:12px;
    font-weight:400;
    color: #999999;
}
.MainForm {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 100vh;
}
.FormWrapper {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 30px;
}
.FormHead {
    margin-bottom: 40px;
}
.FormHead h1 {
    font-size: 40px;
    font-weight:700;
    color: #000;
}
.FormHead p {
    font-size: 16px;
    color: #4a4a4a;
}
.FormWrapper h4 {
    padding-bottom: 16px;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
}
label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #000;
}
label.required {
    position: relative;
}
.error {
    color: red;
    font-size: 14px;
    margin-top: 6px;
}
.required:after {
    content: "*";
    color: red;
    margin-left: 4px;
    font-size: 14px;
}
.FormFooter {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #cacaca;
    display: flex;
    justify-content: end;
}
.BtnNext {
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 10px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #0137dc;
    --bs-btn-border-color: #0137dc;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0137dc;
    --bs-btn-disabled-border-color: #0137dc;
    font-size: 16px;
    font-weight: 400;
    /* text-transform:uppercase;    */
    border-radius: 4px;
}
.BtnBack {
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 10px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1c1c1c;
    --bs-btn-hover-border-color: #1c1c1c;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
}

  table td {
      font-size: 15px;
  }
  .form-control {
      font-size: 15px;
      padding-top: 10px;
      padding-bottom: 10px;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
  }
  .hint {
      font-size: 13px;
      margin-top: 8px;
      color: #898989;
  }
  /* select2 */
  .select2-container .select2-selection--single {
      height: auto;
      /* display: flex;
    justify-content:space-between;
    align-items:center; */
      padding: 10px 12px;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
      line-height: 22px;
      padding: 0;
  }
  .select2-container--default .select2-selection--single {
      background: var(--bs-body-bg);
      border: var(--bs-border-width) solid var(--bs-border-color);
      border-radius: var(--bs-border-radius);
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 20px;
      right: 4px;
      top: 12px;
      width: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
  .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
  .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
  .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
      border-radius: var(--bs-border-radius);
  }
  .select2-container--default .select2-selection--single .select2-selection__clear {
      height: 20px;
      margin-right: 12px;
      display: flex;
      align-items: center;
  }
  /* .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width: 5px 4px 0 4px;
height: 0;
left: 0;
margin-left: 0;
margin-top: 0;
position: relative;
top: 0;
width: 0;
} */
  .select2-selection__placeholder {
      font-size: 15px;
      line-height: 22px;
  }
  /* select2 */
  .form-control:hover,
  .select2-container--default .select2-selection--single:hover {
      border-color: #a5bbff;
  }
  .form-control:focus,
  .select2-container--default .select2-selection--single:focus {
      border-color: #a5bbff;
      box-shadow: none;
      background: #f3f6ff;
  }
  .select2-dropdown {
      border: var(--bs-border-width) solid var(--bs-border-color);
  }
  .select2-container--open .select2-dropdown--below {
      border-top: var(--bs-border-width) solid var(--bs-border-color);
      border-top-right-radius: 4px;
      border-top-left-radius: 4px;
  }
  .select2-container--open .select2-dropdown--above {
      border-bottom: var(--bs-border-width) solid var(--bs-border-color);
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
  }
  .select2-container--default .select2-results>.select2-results__options {
      padding: 6px;
  }
  .select2-results__option {
      padding: 6px 10px;
      border-radius: 6px;
      color: #000;
  }
  .form-check-input:checked[type=checkbox] {
      --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20 7L10 17l-5-5'/%3E%3C/svg%3E");
  }
  .select2-container--default .select2-search--dropdown .select2-search__field {
      border: var(--bs-border-width) solid var(--bs-border-color);
      border-radius: var(--bs-border-radius);
  }
  .form-check label {
      margin: 0;
  }
  .form-check {
      padding-left: 0;
      display: flex;
      align-items: center;
      gap: 10px;
  }
  .form-check .form-check-input {
      float: unset;
      margin-top: 0;
      margin-left: 0;
      min-height: auto;
      width: 28px;
      height: 28px;
  }
  .form-check-input:focus {
      box-shadow: none;
  }
  /* Single image preview */
.file-preview {
    width: 100%;
    max-height: 220px;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-preview img {
    max-width: 100%;
    max-height: 220px;
    object-fit: contain;
}

/* Mockups grid */
.mockup-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 8px;
}

.mockup-item {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    background: #fafafa;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mockup-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.fl-flasher .fl-icon{font-size: 1.5em !important;}
.fl-flasher.fl-error:not(.fl-rtl){border-left: .2em solid var(--error-color,var(--fl-error)) !important;}
.fl-flasher .fl-close{font-size: 2rem !important;line-height: 1 !important;top: 46% !important;}
.iti__country-name{
    font-size:14px;
}
.iti__dial-code{
    font-size: 12px;
}
/* ///////////////////////////////////////////// */

.Header,
        /* .Bodywrapper, */
        .Footer {
            position: relative;
            z-index: 11;
        }

        .Bodywrapper {
            overflow: hidden;
        }

        .MainBodyContent {
            z-index: 1111;
        }

        .MainBodyContent h1 {
            font-size: 30px;
            font-weight: 400;
            margin-bottom: 20px;
        }

        .LogoWrapper {
            /* width: 450px; */
            max-width: 200px;
        }

        .LogoWrapper img {
            width: 100%;
            height: auto;
        }

        @media(max-width:991.98px) {
            .Welcomepagebg {
                background-size: cover;
                overflow: hidden;
            }

            /* .Welcomepagebg:after {
                width: 400px;
                height: 400px;
                margin: auto;
                background-size: 280% !important;
            } */

            .MainBodyContent {
                max-width: 400px;
                padding-left: 10px;
                padding-right: 10px;
            }

            .LogoWrapper {
                width: 100%;
            }
        }

        @media(max-width:498.98px) {
            .Welcomepagebg:after {
                width: 100%;
                height: 100%;
            }
        }

/* countdown timer styles */
.CountdownWrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.CountdownItem {
    background: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    min-width: 80px;
    box-shadow: 6px 6px 0px rgb(8 75 245);
    overflow: hidden;
}

.CountdownItem span {
    font-size: 26px;
    font-weight: 600;
    display: block;
    color: #0137dc;
}

.CountdownItem small {
    font-size: 12px;
    color: #1a1a1a;
}
.sociallinks{
    gap: 28px;
    margin-top: 40px;
    justify-content: center;
}
.sociallinks a{
    color: #b7b7b7;
    transition: all 0.3s ease-in-out;
}
.sociallinks a:hover{
    color: #ffffff;
}
.sociallinks a svg{
    width: 28px;
    height: 28px;
    display: flex;
}
/* end countdown timer styles */