:root {
  --color-blue-light: #2867c6;
  --color-blue-dark: #112d51;
  --color-blue-light-text: #5a607a;
  --color-blue-light-bg: #eff5f9;
  --color-white: #fff;
  --color-grey-dark: #1a1b24;
  --color-grey-light: #fafafa;
  --color-grey-dark-text: #434343;
  --color-grey-mid: #666666;
  --border-grey: 1px solid #d7d7d7;
  --border-radius-10: 10px;
  --border-radius-5: 5px;
  --max-width: 1170px;
  --transition-main: 0.2s ease;
  --shadow-main: 0px 4px 6px 1px rgba(0, 0, 0, 0.15);
  --box-shadow-soft: 0px -26px 20px 0px rgba(0, 0, 0, 0.06);
}

.cig--modal-head-plain {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: end;
  padding: 15px 15px 15px 20px;
}
.cig--modal-head-wrapper {
  padding: 0 30px 20px;
}
h2.cig--modal-heading {
  font-size: 26px;
  color: var(--color-blue-dark);
  text-transform: uppercase;
  text-align: center;
  position: relative;
  margin: 0 0 20px 0;
}
h2.cig--modal-heading::after {
  content: "";
  display: block;
  width: 100px;
  margin: 0.5rem auto;
  height: 3px;
  background: var(--color-blue-light);
}
.cig--modal-head-wrapper p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-blue-dark);
  text-align: center;
}
@media (max-width: 768px) {
  body.cig__modal-open dialog[data-app-modal] {
    overflow-y: scroll;
  }
  dialog[data-app-modal] .cig__modal-body-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /* max-height: 94vh;
    margin-top: 6vh; */
    max-height: 100vh;
    overflow-y: scroll;
  }
  dialog[data-app-modal] .cig--modal-content-lrg-wrapper {
    height: inherit;
  }
  h2.cig--modal-heading {
    font-size: 22px;
  }
}

.cig--modal-body-wrapper {
  padding: 20px 30px;
  background: var(--color-blue-light-bg);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
span.cig--text-divider {
  position: relative;
  color: var(--color-blue-dark);
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.cig--alt-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: auto;
  padding: 0;
}
.cig--mb-wrapper,
.cig--alt-wrapper .cig--text-divider::before,
.cig--alt-wrapper .cig--text-divider::after {
  display: none;
}
.cig--form-dark-wrapper,
.cig--form-light-wrapper {
  box-sizing: border-box;
  flex: 1;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.cig--form-dark-wrapper {
  background: #2867c6;
  background: linear-gradient(
    175deg,
    rgba(40, 103, 198, 1) 0%,
    rgba(11, 35, 66, 1) 90%
  );
}
.cig--form-light-wrapper {
  background: var(--color-white);
  border: 1px solid #ccd0dd;
}
.cig--form-control-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cig--form-dark-wrapper .cig--form-control-wrapper label {
  color: var(--color-white);
}
.cig--form-dark-wrapper h3,
.cig--form-light-wrapper h3 {
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
.cig--form-dark-wrapper h3 {
  color: var(--color-white);
}

.cig--form-light-wrapper h3 {
  color: var(--color-blue-dark);
}
.cig--form-light-head-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cig--form-light-head-wrapper p,
.cig--register-link-wrapper {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-blue-light-text);
}
.cig--register-link-wrapper {
  font-size: 16px;
}
.cig--form-wrapper .cig--primary-submit-button {
  display: block;
  width: 100%;
  max-width: 235px;
  max-width: 330px;
  margin-inline: auto;
  padding: 10px 16px;
  margin-top: 0px;
  color: var(--color-white);
  border: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.4em;
  cursor: pointer;
  transition: 0.2s ease;
}
.cig--form-wrapper .cig--primary-submit-button:hover {
  background: #000;
}
.cig--form-control-mbph-wrapper input::placeholder {
  color: var(--color-white);
}
.cig--linkin-btn {
  display: block;
  border-radius: 5px;
  border: 1px solid #ccd0dd;
  padding: 10px 20px;
  background: var(--color-white);
  color: var(--color-blue-dark);
  width: 100%;
  max-width: 193px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  transition: 0.2s ease;
  cursor: pointer;
}
.cig--linkin-btn span {
  position: relative;
  padding-left: 35px;
}
.cig--linkin-btn span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3333 0C22.0406 0 22.7189 0.280951 23.219 0.781048C23.719 1.28115 24 1.95942 24 2.66667V21.3333C24 22.0406 23.719 22.7189 23.219 23.219C22.7189 23.719 22.0406 24 21.3333 24H2.66667C1.95942 24 1.28115 23.719 0.781048 23.219C0.280951 22.7189 0 22.0406 0 21.3333V2.66667C0 1.95942 0.280951 1.28115 0.781048 0.781048C1.28115 0.280951 1.95942 0 2.66667 0H21.3333ZM20.6667 20.6667V13.6C20.6667 12.4472 20.2087 11.3416 19.3936 10.5264C18.5784 9.71128 17.4728 9.25333 16.32 9.25333C15.1867 9.25333 13.8667 9.94667 13.2267 10.9867V9.50667H9.50667V20.6667H13.2267V14.0933C13.2267 13.0667 14.0533 12.2267 15.08 12.2267C15.5751 12.2267 16.0499 12.4233 16.3999 12.7734C16.75 13.1235 16.9467 13.5983 16.9467 14.0933V20.6667H20.6667ZM5.17333 7.41333C5.76742 7.41333 6.33717 7.17733 6.75725 6.75725C7.17733 6.33717 7.41333 5.76742 7.41333 5.17333C7.41333 3.93333 6.41333 2.92 5.17333 2.92C4.57571 2.92 4.00257 3.1574 3.57999 3.57999C3.1574 4.00257 2.92 4.57571 2.92 5.17333C2.92 6.41333 3.93333 7.41333 5.17333 7.41333ZM7.02667 20.6667V9.50667H3.33333V20.6667H7.02667Z' fill='%230072B1'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
.cig--linkin-btn:hover {
  background-color: var(--color-blue-light-bg);
  transform: scale(0.98);
}
a.cig--standard-link-chev-right {
  position: relative;
  text-decoration: none;
  padding-right: 14px;
  color: var(--color-blue-light);
  font-weight: 500;
  transition: 0.2s ease;
}
a.cig--standard-link-chev-right:after {
  content: "";
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.85347 11.3961C5.71302 11.2554 5.63413 11.0648 5.63413 10.8661C5.63413 10.6673 5.71302 10.4767 5.85347 10.3361L8.57347 7.61606L5.85347 4.89606C5.72099 4.75388 5.64887 4.56584 5.6523 4.37153C5.65573 4.17723 5.73444 3.99185 5.87185 3.85444C6.00926 3.71702 6.19465 3.63831 6.38895 3.63488C6.58325 3.63145 6.7713 3.70358 6.91347 3.83606L10.1635 7.08606C10.3039 7.22668 10.3828 7.41731 10.3828 7.61606C10.3828 7.81481 10.3039 8.00543 10.1635 8.14606L6.91347 11.3961C6.77285 11.5365 6.58222 11.6154 6.38347 11.6154C6.18472 11.6154 5.9941 11.5365 5.85347 11.3961Z' fill='%232867C6'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
a.cig--standard-link-chev-right:hover {
  filter: contrast(150%);
}
.cig--alt-pc-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 768px) {
  .cig--modal-body-wrapper {
    padding: 0px;
    background: var(--color-white);
    display: flex;
    flex-direction: column;
  }
  .cig--form-dark-wrapper {
    background: var(--color-white);
    padding: 0px 30px;
  }
  .cig--modal-head-wrapper p {
    font-size: 14px;
  }
  .cig--form-light-wrapper h3 {
    font-size: 16px;
  }
  .cig--form-dark-wrapper .cig--form-control-wrapper label {
    color: var(--color-blue-dark);
  }
  .cig--form-dark-wrapper h3,
  .cig--form-control-mbph-wrapper label,
  .cig--alt-pc-wrapper,
  .cig--pc-wrapper {
    display: none;
  }
  .cig--form-control-mbph-wrapper input::placeholder {
    color: var(--color-blue-light-text);
  }
  .cig--form-wrapper .cig--primary-submit-button,
  .cig--linkin-btn {
    max-width: 100%;
  }
  .cig--form-light-wrapper {
    background: var(--color-blue-light-bg);
    border: none;
    border-radius: 0;
    text-align: center;
  }
  .cig--form-light-head-wrapper p {
    font-size: 12px;
  }
  .cig--mb-wrapper,
  .cig--alt-wrapper .cig--text-divider::before,
  .cig--alt-wrapper .cig--text-divider::after {
    display: block;
  }
  .cig--mb-alt-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .cig--alt-wrapper {
    width: 100%;
    padding: 0 30px;
  }
}