@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
@import url(_popup.css);
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0; }

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

strong {
  font-weight: 500; }

.hide {
  display: none; }

.show {
  display: initial; }

.nowrap {
  white-space: nowrap; }

.semi-bold {
  font-weight: 500; }

.bold {
  font-weight: bold; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #141414; }

header, section {
  background-color: #fff; }

header {
  background: #e3e3e4;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  font-size: 17px;
  border-bottom: 1px solid #263b80;
  margin: -1px 0; }
  header img {
    width: 40px;
    margin-right: 10px; }
  @media (max-width: 400px) {
    header {
      font-size: 14px; } }

#subheader {
  background: #0a4b83;
  text-align: center;
  color: #fff;
  padding: 1rem 10px;
  font-size: 1.375rem; }
  #subheader p {
    margin: 0;
    padding: 0; }
  @media (max-width: 567px) {
    #subheader {
      font-size: 1rem; } }
  @media (max-width: 375px) {
    #subheader {
      font-size: 1.275rem;
      line-height: 1.7rem; } }

.odd {
  background-color: #f4f4f4; }

section.eligibility-check {
  padding: 2rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  section.eligibility-check h1 {
    color: #141414;
    margin: 0 auto 1em;
    text-align: center;
    font-weight: 300;
    font-size: 2rem; }
    @media (max-width: 550px) {
      section.eligibility-check h1 {
        font-size: 1.5rem;
        width: 15rem;
        line-height: 2rem; } }
  section.eligibility-check .image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    max-width: 800px;
    padding: 0 2rem; }
    section.eligibility-check .image-container .img {
      max-width: 200px; }
      section.eligibility-check .image-container .img img {
        width: 100%;
        -webkit-border-radius: 10px;
                border-radius: 10px;
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
                box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
    @media (max-width: 550px) {
      section.eligibility-check .image-container {
        -webkit-column-gap: 0;
           -moz-column-gap: 0;
                column-gap: 0; }
        section.eligibility-check .image-container .img {
          margin-right: 15px; }
          section.eligibility-check .image-container .img:first-child {
            display: none; }
          section.eligibility-check .image-container .img:last-child {
            margin-right: 0; } }
  section.eligibility-check .eligibility-check-description {
    padding: 0 2rem;
    margin-top: 1rem;
    max-width: 800px;
    text-align: left; }
    section.eligibility-check .eligibility-check-description p {
      line-height: 1.5rem; }
    @media (max-width: 550px) {
      section.eligibility-check .eligibility-check-description {
        text-align: left;
        font-size: 20px; }
        section.eligibility-check .eligibility-check-description p {
          line-height: 25px; } }
  @media (max-width: 550px) {
    section.eligibility-check {
      padding: 2rem 0; } }

.steps .steps-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1rem;
  gap: 2rem; }
  @media all and (max-width: 767px) {
    .steps .steps-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.steps .step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 0.66667rem;
  color: #333;
  border: 1px solid #000;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  padding: 1rem; }
  .steps .step.active {
    border: 2px solid green;
    color: green; }
  .steps .step .step-number {
    font-size: 2.5rem;
    line-height: 2.5rem; }
  .steps .step .step-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.33333rem; }
  .steps .step .step-title {
    font-weight: 500;
    font-size: 1.2rem; }
  @media all and (max-width: 767px) {
    .steps .step {
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: start;
          -ms-flex-pack: start;
              justify-content: start;
      text-align: left;
      gap: 2rem; } }

.form {
  margin: 1rem auto;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  width: 100%;
  max-width: 700px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media all and (min-width: 618px) {
    .form {
      -webkit-box-shadow: 0 0 2px #141414;
              box-shadow: 0 0 2px #141414; } }
  .form .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1rem; }
    .form .form-group-column {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; }
      .form .form-group-column .select-wrapper {
        position: relative;
        width: 100%; }
        .form .form-group-column .select-wrapper::after {
          content: "";
          background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTcgMzInIGhlaWdodD0nMi4yNXJlbScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gPHRpdGxlPmFycm93LWRvd24tdGhpbjwvdGl0bGU+IDxwYXRoIGZpbGw9JyM2ODc2ODAnIHN0eWxlPSdmaWxsOiB2YXIoLS1jb2xvcjUsICM2ODc2ODApJyBkPSdNMjcuMjgxIDMxLjVsLTI2Ljk1OS0yOS40NDRjLTAuNDU3LTAuNS0wLjQyMy0xLjI3NyAwLjA3NC0xLjczNSAwLjQ5OC0wLjQ1MyAxLjI3NC0wLjQyNCAxLjczIDAuMDc2bDI2LjA1NyAyOC40NTggMjYuMDU3LTI4LjQ1OGMwLjQ2LTAuNSAxLjIzNy0wLjUyOSAxLjczLTAuMDc2IDAuNDk4IDAuNDU4IDAuNTMyIDEuMjM1IDAuMDc1IDEuNzM1bC0yNi45NiAyOS40NDRjLTAuMjMxIDAuMjU0LTAuNTU4IDAuMzk4LTAuOTAyIDAuMzk4cy0wLjY3LTAuMTQ0LTAuOTAyLTAuMzk4eicvPiA8L3N2Zz4=");
          background-repeat: no-repeat;
          background-position: center;
          -webkit-background-size: 21px 21px;
                  background-size: 21px;
          height: 16px;
          width: 21px;
          right: 16px;
          top: -webkit-calc(50% - 8px);
          top: calc(50% - 8px);
          overflow: hidden;
          position: absolute;
          display: block;
          pointer-events: none;
          border: 0;
          margin: 0;
          padding: 0; }
      .form .form-group-column.has-error .error {
        display: block; }
      .form .form-group-column .error {
        color: #cc2427;
        font-size: 12px;
        margin-top: 0.5rem;
        display: none; }
      .form .form-group-column label {
        margin-bottom: 0.5rem;
        font-size: .9rem; }
      .form .form-group-column input {
        background: #fff;
        -webkit-border-radius: 4px;
                border-radius: 4px;
        border: 1px solid #696969;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        color: #141414;
        display: block;
        padding: 0 16px;
        width: 100%;
        min-height: 48px;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 400; }
      .form .form-group-column select {
        background: #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid #696969;
        outline: 0;
        -webkit-border-radius: 4px;
                border-radius: 4px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 400;
        padding: 12px 16px;
        display: block;
        width: 100%;
        color: #141414;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none; }
      .form .form-group-column button {
        width: 100%;
        border: 0;
        -webkit-border-radius: 4px;
                border-radius: 4px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #fff;
        padding: 12px 16px;
        -webkit-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
        background-color: #128020;
        -webkit-font-smoothing: antialiased;
        margin-top: 20px;
        cursor: pointer; }
        .form .form-group-column button:disabled {
          background-color: #e3e3e3; }
        @media (min-width: 768px) {
          .form .form-group-column button {
            width: 280px; } }
      .form .form-group-column input, .form .form-group-column select {
        outline: none;
        position: relative; }
        .form .form-group-column input:hover, .form .form-group-column select:hover {
          -webkit-box-shadow: 0 0 0 1px #255f82 inset !important;
                  box-shadow: 0 0 0 1px #255f82 inset !important; }
      @media (max-width: 600px) {
        .form .form-group-column {
          margin-bottom: 1rem; }
          .form .form-group-column:last-child {
            margin-bottom: 0; } }
    .form .form-group a {
      text-decoration: underline; }
    .form .form-group .checkbox-container {
      position: relative; }
      .form .form-group .checkbox-container .checkbox-input {
        opacity: 1;
        position: absolute;
        top: 6px;
        left: 4px;
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .form .form-group .checkbox-container .checkbox-label {
        color: #141414;
        font-size: 16px;
        display: inline-block;
        line-height: 24px;
        padding-left: 40px;
        position: relative; }
        .form .form-group .checkbox-container .checkbox-label:before, .form .form-group .checkbox-container .checkbox-label:after {
          content: "";
          display: inline-block;
          height: 24px;
          left: 0;
          position: absolute;
          top: 0;
          width: 24px; }
        .form .form-group .checkbox-container .checkbox-label::before {
          background: #fff;
          border: 1px solid #696969;
          -webkit-border-radius: 2px;
                  border-radius: 2px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          margin-right: 16px; }
        .form .form-group .checkbox-container .checkbox-label::after {
          background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NCAtMzAwKSIgZmlsbD0iI2ZmZiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODggMjk0KSI+PHBvbHlnb24gcG9pbnRzPSIxNi40MzUgNiAxOCA3LjI1NyA5LjM3ODYgMTggNiAxMy41MTIgNy40MDM1IDExLjk0NyA5LjQwNjggMTQuODc4Ii8+PC9nPjwvZz48L2c+PC9zdmc+") center center/50% 50% no-repeat;
          opacity: 0; }
      .form .form-group .checkbox-container .checkbox-input:hover + .checkbox-label:before {
        border: 2px solid #255f82; }
      .form .form-group .checkbox-container .checkbox-input:checked + .checkbox-label::before {
        border-color: #255f82;
        background-color: #255f82; }
      .form .form-group .checkbox-container .checkbox-input:checked + .checkbox-label::after {
        content: "";
        opacity: 1; }
    .form .form-group .phone-container {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
      .form .form-group .phone-container .phone-code {
        padding: 0 10px;
        width: auto;
        background-color: #e3e3e3;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-border-radius: 4px 0 0 4px;
                border-radius: 4px 0 0 4px;
        border: 1px solid #696969;
        border-right: 0; }
      .form .form-group .phone-container input[type="phone"] {
        -webkit-border-radius: 0 4px 4px 0;
                border-radius: 0 4px 4px 0;
        border-left: none; }
    @media (max-width: 600px) {
      .form .form-group {
        -webkit-column-gap: 0;
           -moz-column-gap: 0;
                column-gap: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .form #form-header {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: black;
    font-weight: 500;
    margin-bottom: 1rem; }
    .form #form-header span {
      color: #118020; }
    @media (min-width: 600px) {
      .form #form-header {
        font-size: 1.5rem;
        line-height: 2rem; } }

a {
  color: #141414;
  text-decoration: none; }
  a:visited {
    color: #2e2e2e; }
  a:active, a:hover {
    color: black; }
  a:hover {
    text-decoration: underline; }

footer {
  text-align: center;
  width: 100%;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-top: 1rem;
  padding: 2rem 1rem;
  position: static;
  bottom: 0; }
  footer .footer-m {
    display: none; }
    @media all and (min-width: 767px) {
      footer .footer-m {
        display: block; } }

.de-requirement {
  text-align: center;
  padding: 0.5rem;
  font-size: 0.9rem;
  background-color: #e3e3e4;
  font-weight: 500;
  text-transform: uppercase; }

@media (min-width: 768px) {
  .form .form-group-column button {
    width: 100%;
    max-width: 500px; } }

.mb-1 {
  margin-bottom: .3rem; }

.mb-2 {
  margin-bottom: .6rem; }

.mb-3 {
  margin-bottom: 0.9rem; }

ol {
  padding-left: 19px; }

ol span {
  color: green; }

.accent-green {
  color: green; }

.d-none {
  display: none;
  visibility: hidden; }

.d-inline {
  display: inline; }

@media all and (min-width: 600px) {
  .d-sm-block {
    display: block;
    visibility: visible; } }

@media all and (min-width: 600px) {
  .d-sm-none {
    display: none;
    visibility: hidden; } }

.new-page .steps-container {
  margin-top: 1rem; }
  @media all and (max-width: 600px) {
    .new-page .steps-container {
      max-width: 300px !important;
      max-resolution: 1rem auto; } }
  .new-page .steps-container .step {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1rem; }
    .new-page .steps-container .step .step-number {
      margin-bottom: 0; }
    .new-page .steps-container .step .step-title {
      margin-bottom: 0; }

.new-page .form .form-group-column button {
  -webkit-border-radius: 2rem;
          border-radius: 2rem;
  width: auto;
  padding: 12px 40px; }

.new-page .eligibility-check-description .nowrap {
  white-space: nowrap; }

.checking {
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8rem 1rem;
  row-gap: 20px;
  display: none; }
  .checking.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .checking h2 {
    text-align: center;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 2rem; }
  .checking .personal-details-checker-container .personal-details-checker {
    -webkit-border-radius: 50%;
            border-radius: 50%;
    text-align: center;
    padding: 0.66667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    clip: auto;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px #063054;
            box-shadow: 0 0 5px #063054; }
    .checking .personal-details-checker-container .personal-details-checker img {
      width: 60px;
      height: 60px;
      z-index: 2; }
    .checking .personal-details-checker-container .personal-details-checker:after {
      content: '\A';
      position: absolute;
      background: #93c4df66;
      top: 0;
      bottom: 50%;
      left: 0;
      width: 100%;
      height: 0;
      z-index: 1;
      -webkit-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out; }
  .checking .personal-details-checker-container .percent-20:after {
    height: 20%; }
  .checking .personal-details-checker-container .percent-40:after {
    height: 40%; }
  .checking .personal-details-checker-container .percent-60:after {
    height: 60%; }
  .checking .personal-details-checker-container .percent-80:after {
    height: 80%; }
  .checking .personal-details-checker-container .percent-100:after {
    height: 100%; }

body.lang-ar {
  direction: rtl; }
  body.lang-ar > header {
    direction: ltr; }
  body.lang-ar #timer-wrapper {
    direction: rtl; }
  body.lang-ar section.eligibility-check .eligibility-check-description {
    text-align: right; }
  body.lang-ar .phone-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  body.lang-ar .form .form-group .checkbox-container .checkbox-label {
    padding-left: initial;
    padding-right: 40px; }
  body.lang-ar .form .form-group .checkbox-container .checkbox-input {
    left: initial;
    right: 4px; }
  body.lang-ar .form .form-group .checkbox-container .checkbox-label:before, body.lang-ar .form .form-group .checkbox-container .checkbox-label:after {
    left: initial;
    right: 0; }
  body.lang-ar .form .form-group .checkbox-container .checkbox-label::before {
    margin-right: initial;
    margin-left: 16px; }

.single-image-container {
  padding: 0 2rem; }
  .single-image-container img {
    -webkit-border-radius: 0.5rem;
            border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 3px #333;
            box-shadow: 0 0 3px #333;
    width: 100%;
    max-width: 450px; }